编程技术是改变世界的力量。
本站
当前位置:网站首页 > 前端框架 > 正文

在Vue中常见的全局配置有哪些?这5种设置方法你一定使用过

gowuye 2024-03-04 15:09 30 浏览 0 评论

1. 基于Vue.js编写的UI库或插件,使用Vue.use()

比如UI组件库mint,element,vant,或插件vue-resource等。(暂时忽略按需加载),那么入口文件 main.js 应该是这

2. 不是基于Vue.js编写的插件

如果需要应用一个通用的第三方插件,,则可以将它赋予Vue的原型上。

典型的是Vue组件通信和请求数据场景。

①Vue组件通信采用中央事件总线:Vue.prototype.$bus = new Vue({});

②第三方插件,全局引用axios,入口文件 main.js 可以这样

然后this.$http.get(url) 使用:

data.vue

3.变量挂载到window对象

如:第三方库Lodash.js,moment.js等,在 main.js 撰写:

任何需要应用的组件 any.vue:

4.自定义全局指令

如果需要的指令比较多,或者方便日后维护,可以单独撰写一个指令专属文件:directive/directive.js,利用Vue.directive()建立一个全局命令,并将它暴露出来,例如官方案例的 focus 表单自动聚焦。

directive.js文件:

把directive.js引入到入口文件 main.js 来:

这样v-focus就是全局指令了,任何需要的表单组件都可以直接使用:

<input v-focus>

其他一些需要参数或值的指令,也可以按需求来做。

<text v-color=“xxxx”></text>

5.自定义全局过滤器

过滤器跟指令差不多,不再赘述。

以上就是一些全局配置的案例了.....

相关推荐

小程序开源UI库_小程序开源ui库怎么下载

不会设计小程序的UI?没关系,现成的UI库可以立刻设计出高大上的页面。ColorUI:鲜亮的高饱和色彩,专注视觉的小程序组件库github地址:https://github.com/weilanwl/...

22个高质量的微信小程序UI框架!_小程序 ui 框架

1.WeUI地址:https://developers.weixin.qq.com/miniprogram/dev/extended/weui/预览码:2.ColorUI地址:https://git...

大兴安岭木本植物——_大兴安岭特有植物

库页悬钩子 蔷薇科 悬钩子属学名RubusmatsumuranusLevl.etVant.别名 毛叶悬钩子、马林果、托盘、沙窝窝。蒙名 矛日音——布格日勒哲根  矛日音——布勒吉日根形态灌...

前端最常用UI组件库合集_前端ui工具

分享一些用过的很好用的前端UI组件库,帮助我们快速开发。VuePC端UI组件库:ElementUI(多用于后台管理系统)https://element.eleme.cn/#/zh-CNElemen...

一流程序员都有哪些高效学习方法?90%的人不知道

IT行业是一个变化非常快的行业,它需要我们持续去学习新的知识和技能。但是,工作以后,我们经常会发现自己学习的东西很少了。是不是感觉自入行以来,每天都在边学边工作,但是学习的速度还是跟不上技术的发展速...

绩效管理5大技巧!看资深HRBP们如何帮助基层员工提升绩效

第八章 提升在岗员工的绩效1 做好绩效管理价值巨大又到了一年的年初,HRBP管理部的程挚组织各业务部门进行HRBP的年度工作需求调查工作。调查结果收集上来后,发现以下三点排在前三位...

Vue3+Vite+Vant-UI 开发双端招聘APP「独家首发已完结」

来百度APP畅享高清图片//xia栽ke:http://quangneng.com/2390/开发双端招聘APP对招聘行业带来了巨大的改变。首先,双端招聘APP通过移动互联网技术,实现了招聘信息的快速...

在Vue中常见的全局配置有哪些?这5种设置方法你一定使用过

1.基于Vue.js编写的UI库或插件,使用Vue.use()比如UI组件库mint,element,vant,或插件vue-resource等。(暂时忽略按需加载),那么入口文件main.js...

在Excel里输入可以打钩的选择框,这3种方法超简单

私信回复关键词【福利】,获取丰富办公资源~助你高效办公早下班!大家好,我是秋小E~这里是秋叶Excel的【问答精华】专栏!问题主要来自秋叶Excel数据处理学习班的同学,回答由讲师、助教共...

制作选择类EXCEL表格问卷,如何设置可在线打勾复选框?快来学起

平时做有选择项的表格或问卷的时候,通常要添加可以打勾的方框选项和内容。一般操作方法大概就是插入方框形状,然后输入文本。这个插入的方框的形状是不能在电脑上直接点选的。我现在给大家介绍一下,如何设置一个可...

Protopie实战教程:checkbox多选框

本篇文章为大家展示了如何实现checkbox多选框效果~checkbox多选框和radio一样在任何Web和APP应用中都非常常见,且形式更多样,我们所要实现的效果如下:实现步骤如下:1.从Sket...

Excel借助复选框@网络笔记_excel复选框怎么添加

利用Excel制作动态图表,实现数据可视化。如何利用复选框开关制作动态图表呢?制作过程非常简单。接下来,我们将一起制作这样的接线图表。·首先,选择表格并插入折痕图。为了避免数据内容受损,我们需要更...

excel 利用复选框调用图表_excel2016复选框控件怎么设置

大家好,今天讲用复选框调用图表的方法,设置好的效果如下:1、9个人的收入,如下表:2、插入复选框3、九个人,插入九个,右击每个复选框,设置控件格式;如下图:9个复选框如上图那样进行设置4、接下来,准备...

在wps中如何制作可以打对勾的复选框,掌握技巧轻松几步搞定

我是【桃大喵学习记】,点击右上方“关注”,每天为你分享职场办公软件使用技巧干货!我们在平时的工作中经常需要在表格中添加复选框,通过打对勾来确定是什么状态,比如说男、女性别选择等等。那么在使用wps时如...

Excel勾选复选框单元格变色和自动计数,你知道是怎么实现的吗?

Excel中,我们经常会使用复选框来打勾打叉,这是复选框最基本的功能,相信很多小伙伴都会,但今天我跟大家分享的是复选框的其他操作技巧,勾选复选框变色,统计人数。下图中,我们要利用复选框是否打钩来确定哪...

取消回复欢迎 发表评论: