Vue.js 特点
简洁:HTML 模板 + JSON 数据,再创建一个 Vue 实例,就这么简单。
数据驱动:自动追踪依赖的模板表达式和计算属性。
组件化:用解耦、可复用的组件来构造界面。
轻量:~24kb min+gzip,无依赖。
快速:精确有效的异步批量 DOM 更新。
模块友好:通过 NPM 或 Bower 安装,无缝融入你的工作流。
Vue.config是一个对象,包含 Vue 的全局配置。可以在启动应用之前修改下列属性:
1.#silent
类型:boolean
默认值:false
用法:
Vue.config.silent =true
取消 Vue 所有的日志与警告。
类型:{ [key: string]: Function }
默认值:{}
用法:
Vue.config.optionMergeStrategies._my_option =function(parent, child, vm){
rturnchild +1
}
constProfile = Vue.extend({
_my_option:1
})
// Profile.options._my_option = 2
自定义合并策略的选项(合并策略选项分别接受第一个参数作为父实例,第二个参数为子实例,Vue实例上下文被作为第三个参数传入。)
3.devtools
类型:boolean
默认值:true(生产版为false)
用法:
// 务必在加载 Vue 之后,立即同步设置以下内容
Vue.config.devtools =true
配置是否允许vue-devtools检查代码。开发版本默认为true,生产版本默认为false。生产版本设为true可以启用检查。
类型:Function
默认值:undefined
用法:
Vue.config.errorHandler =function(err, vm, info){
// handle error
// `info` is a Vue-specific error info, e.g. which lifecycle hook
// the error was found in. Only available in 2.2.0+
}
指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时,可获取错误信息和 Vue 实例。
类型:Array
默认值:[]
用法:
Vue.config.ignoredElements = [
'my-custom-web-component','another-web-component'
]
须使 Vue 忽略在 Vue 之外的自定义元素 (e.g., 使用了 Web Components APIs)。否则,它会假设你忘记注册全局组件或者拼错了组件名称,从而抛出一个关于Unknown custom element的警告。
6.keyCodes
类型:{ [key: string]: number | Array }
默认值:{}
用法:
Vue.config.keyCodes = {
v:86,
f1:112,
// camelCase won`t work
mediaPlayPause:179,
// instead you can use kebab-case with double quotation marks
"media-play-pause":179,
up: [38,87]
}
给 v-on 自定义键位别名。