本文摘自PHP中文网,作者零下一度,侵删。
今天学习vue全局配置。希望帮助我们去了解vue的全局配置,快速开发。Vue.config是vue的全局配置对象。包含Vue的所有全局属性:
代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
silent:boolean(默认值:false)----取消Vue的所有的日志与警告 ;用法:Vue.config.
silent
= true
optionMergeStrategies:{[key:string]:Function}(默认是空对象{})
vue.config.optionMergeStrategies._my_option = function (parent, child, vm) {
return child +
1
}
自定义合并策略的选项:接受第一个参数是父实例,第二个参数实例为子实例,第三个参数是Vue实例上下文
const Profile = Vue.extend({
_my_option:
1
})
devtools:boolean(默认是true,生成版为false) 用法:Vue.config.devtools = true 配置是否允许vue-devtools检查代码。开发版本默认为:true ,生产为false
errorHandler:Funtion (默认值是默认抛出错误)用法:
Vue.config.errorHandler = function (err, vm) {
// handle error
}在指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时,可以获取错误信息和vue实例
ignoredELements:array<string>(默认是【】)用法:
Vue.config.ignoredElements = [
'my-custom-web-component'
,
'another-web-component'
]拼错组件名称,从而抛出一个关于Unknown custom element
keyCodes:{[ key:string]:number | Array <number>} (默认是{})用法:Vue.config.keyCodes = { v:
86
, F
1:
112
,mediaPlayPause:
179
,up:[
38
,
87
]} 这个多半伴随v-on 自定义键位别名。
【相关推荐】
1. 免费h5在线视频教程
2. HTML5 完整版手册
3. php.cn原创html5视频教程
以上就是分享一个vue全局配置的实例代码的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《vue》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者