Vue基础

Vue.js 特点

    简洁：HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。

   数据驱动：自动追踪依赖的模板表达式和计算属性。

   组件化：用解耦、可复用的组件来构造界面。

   轻量：~24kb min+gzip，无依赖。

   快速：精确有效的异步批量 DOM 更新。

   模块友好：通过 NPM 或 Bower 安装，无缝融入你的工作流。

Vue.config是一个对象，包含 Vue 的全局配置。可以在启动应用之前修改下列属性：

1.#silent

    类型：boolean

    默认值：false

    用法：

                      Vue.config.silent =true

        取消 Vue 所有的日志与警告。

2.#optionMergeStrategies

类型：{ [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可以启用检查。

4.errorHandler

类型：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 实例。

5.ignoredElements

类型: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 自定义键位别名。