Vue的API第一弹:{{ 全局配置api }}

611 阅读1分钟

全局配置 API (Vue.config)

以下内容从官网摘抄


我是比较喜欢去官网的文档直接生吃的,碰到不理解的才回去看看别人是怎么了解的。比如webpack的publicPath着实令人深恶痛绝,乃至产生一种:“一千个哈姆雷特”这样的错觉,我觉得这是不好的。

Vue.config 是一个对象,包含 Vue 的全局配置。可以在启动应用之前修改下列属性(忽略了错误处理的相关api,有兴趣自行研究,因为篇幅有限):

// 开启后,vue在控制台就不能报错,报警告了,项目上线的时候还是有用的,让Vue在控制台闭嘴
Vue.config.silent = true

-----------------------------------------------------------------
// 这个玩意需要看看后面的extend api后回来看,不然你不知道那玩意是啥
// 不好详细解释,下面是例子
Vue.config.optionMergeStrategies._my_option = function (parent, child, vm) {
  return child + 1
}
const Profile = Vue.extend({ // Profile是儿子,此时会调用_my_option方法给儿子返回child + 1,所以是2
  _my_option: 1
})
// Profile.options._my_option = 2

----------------------------------------------------------------
// 开启控制台的工具
Vue.config.devtools = true

----------------------------------------------------------------
// 如下,为按键起别名
Vue.config.keyCodes = {
  v: 86,
  f1: 112,
  // camelCase 不可用,因为h5不支持
  mediaPlayPause: 179,
  // 取而代之的是 kebab-case 且用双引号括起来
  "media-play-pause": 179,
  up: [38, 87]
}
<input type="text" @keyup.media-play-pause="method">