纵有疾风起
人生不言弃

18-Vue实例的全局配置

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/WinSolstice/article/details/76037834


1.Vue实例的全局配置
可以在启动应用之前修改下列属性:

  • silent
    • 类型: boolean
    • 默认值: false
    • 用法:
Vue.config.silent = true
//取消 Vue 所有的日志与警告。
  • optionMergeStrategies
    • 类型: { [key: string]: Function }
    • 默认值: {}
    • 用法:
 Vue.config.optionMergeStrategies._my_option = function (parent, child, vm) {
    return child + 1
}
const Profile = Vue.extend({
_my_option: 1
})
// Profile.options._my_option = 2
//自定义合并策略的选项。
//合并策略选项分别接受第一个参数作为父实例,第二个参数为子实例,Vue实例上下文被作为第三个参数传入。
  • devtools
  • 类型: boolean
  • 默认值: true (生产版为 false)
  • 用法:
// 务必在加载 Vue 之后,立即同步设置以下内容
Vue.config.devtools = true
//配置是否允许 vue-devtools 检查代码。开发版本默认为 true,生产版本默认为 false。生产版本设为 true 可以启用检查。
  • errorHandler
  • 类型: Function
  • 默认值: 默认抛出错误
  • 用法:
Vue.config.errorHandler = function (err, vm) {
// handle error
}
//指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时,可获取错误信息和 Vue 实例。
//Sentry, an error tracking service, provides official integration using this option.
  • ignoredElements
  • 类型: Array
  • 默认值: []
  • 用法:
Vue.config.ignoredElements = [
'my-custom-web-component', 'another-web-component'
]
须使 Vue 忽略在 Vue 之外的自定义元素 (e.g., 使用了 Web Components APIs)。否则,它会假设你忘记注册全局组件或者拼错了组件名称,从而抛出一个关于 Unknown custom element 的警告。
  • keyCodes
  • 类型: { [key: string]: number | Array }
  • 默认值: {}
  • 用法:
Vue.config.keyCodes = {
v: 86,
f1: 112,
mediaPlayPause: 179,
up: [38, 87]
}api
//给 v-on 自定义键位别名。

未经允许不得转载:起风网 » 18-Vue实例的全局配置
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录