缩写：
v-bind: => :
v-on: => @ 
v-slot: => #

var _date = { a : 1 , data : 2};
var app = new Vue({
    el:"#app",
    data: _data
})
app.$data != app.data ,app.data 为_data.data
app.$data === _data
app.a = _data.a


Object.freeze(_data); 阻止修改_data

//监控
app.$witch("a",function(n,o){})


生命周期：create -> mount -> update -> destroy
生命周期：init Event -> beforeCreate -> init Injections -> created -> compile 
            -> beforeMount -> create $el -> mounted -> beforeUpdate -> virtual dom -> updated -> beforeDestroy -> destroyed


v-html 注意防止xss攻击


表达式
指令
动态参数 v-bind:[] v-on:[]
修饰符 v-on:submit.prevent="onSubmit"

计算属性：computed 缓存
方法：methods 不缓存
监听器：watch 或 app.$watch



自定义控件：Vue.component("name",{
    template:`html内容`
})


绑定class使用v-bind:class="[className1,className2]" 
绑定style使用v-bind:style="[styleName1,styleName2]"


v-if v-else
v-else-if
取消复用：独立key


v-show不支持<template>元素，也不支持v-else

不推荐同时使用v-if和v-for ，详情查看风格指南：https://cn.vuejs.org/v2/style-guide/#%E9%81%BF%E5%85%8D-v-if-%E5%92%8C-v-for-%E7%94%A8%E5%9C%A8%E4%B8%80%E8%B5%B7-%E5%BF%85%E8%A6%81


v-for="(item, index) in items"
v-for="item of items" 包含index？
v-for="value in object" 遍历对象object
v-for="(value,name) in object" 遍历对象object
v-for="(value,name,index) in object" 遍历对象object
建议尽可能在使用v-for时提供key


替换数组match有点懵逼。。。

app.arrayList[2] = "222"，不能检测到变动，貌似ng可以。。。
vue可以使用的方法是：Vue.set(vm.items, indexOfItem, newValue) 或 app.$set(vm.items, indexOfItem, newValue) 或 app.items.splice(indexOfItem, 1, newValue)

Vue.set(object, propertyName, value) 方法向"嵌套对象"添加响应式属性。



修饰符：
v-on:click.prevent.stop.self.once.capture.passive

v-on:keyup.enter
@keyup.ctrl.enter

v-on:click.ctrl.exact
@click.exact

v-on:click.left.right.middle

v-model.lazy
v-model.number 
v-model.trim


复选框：
<input type="checebox" v-model="toggel" true-value="yes" false-value="no" />

组件中的data必须是函数；
全局注册：Vue.component
局部注册：new Vue({
    el:"#el",
    component:{
        "component-name":{}
    }
})

组件的特殊使用：
v-bind:is="已注册组件的名称或一个组件的选项对象" 如用于tab
<table>
    <tr is="组件名称"></tr>
</table>

局部注册的组件在其子组件中不可用，但可以在组件中定义再次引用组件。

为了防止大小写敏感，请全部使用xiaoxie_xiaoxie命名。

在 JavaScript 中对象和数组是通过引用传入的，所以对于一个数组或对象类型的 prop 来说，在子组件中改变这个对象或数组本身将会影响到父组件的状态。