vm是什么慷吊？

一個監(jiān)聽 數(shù)據(jù)模型M 與 視圖模型V 的對象砸逊。
一方面把 M 同步到 V 上顯示出來；
另一方面把 v 上的數(shù)據(jù)變化同步到 M 中。

差值表達式

寫法 {{}}
把數(shù)據(jù)模型中的數(shù)據(jù)渲染到視圖中
遵循語法為表達式和三元表達式

避免使用JavaScript中的關鍵字

v-text指令

增強HTML的功能钓辆，把數(shù)據(jù)渲染到指定的元素中
直接寫入HTML標簽中屬性中的位置

v-HTML指令

在網(wǎng)站上渲染動態(tài)的HTML是非常危險的爹袁，容易導致XSS攻擊
永遠不要在用戶提交的內(nèi)容中使用

寫入HTML的屬性位置中铝噩，在渲染HTML結構時使用

v-bind

作用：
    把數(shù)據(jù)綁定給元素的屬性里
用法：
    <p v-bind:class="className"></p>
    <p :class="className"></p>
    <p :class="{'red_color':true}"></p>

v-for

渲染數(shù)組：
    v-for="item in arr"
    v-for="(item,index) in arr"
渲染對象:
    v-for="value in obj"
    v-for="(value,key) in obj"
    v-for="(value,key,index) in obj"

一下兩種方式不會產(chǎn)生視圖更新：
    1.當使用Array.length改變數(shù)組的時候
2.當使用Array[下標]改變數(shù)組的時候

解決辦法：
1.使用Vue.set(arr,index,newVal)arr需要變化的數(shù)組趟庄，index數(shù)組要變化的項，newVal變化后的值
2.Array.prototype.splice()

v-for必須結合key屬性來使用棚愤，把數(shù)組沒每一項唯一標記搓萧，當哪一項改變時，只會更新那一項宛畦。提升性能瘸洛。key值必須唯一，不能重復
            <p v-for="item in user" :key="item.name">{{item.name}}:{{item.age}}</p>

v-model

用來雙向數(shù)據(jù)綁定,實現(xiàn)view和model中的值同步變化
只能在input/select/textarea中使用

v-on

用來監(jiān)聽DOM事件
使用方法：

1.標簽屬性位置寫上v-on:任意事件類型='執(zhí)行函數(shù)'

2.簡寫：@時間類型='執(zhí)行函數(shù)'(推薦)

3.執(zhí)行函數(shù)添加參數(shù)

    @click="setName('itcast')"
4.添加$event傳遞事件對象次和，只能使用$event且不能加引號

5.事件修飾符可以給時間添加特殊功能
    .stop阻止冒泡
    .prevent阻止默認事件
    <form v-on:submit.prevent="onSubmit">...</form>

6.添加按鍵修飾符(輸入框)
    @keydown.enter  @keydown.13

v-if/v-show

控制元素的顯示和隱藏

v-if通過dom來控制元素的顯示和隱藏
y-show通過樣式display:none來控制元素顯示和隱藏

-涉及到大量dom操作使用v-show
-涉及到異步數(shù)據(jù)渲染的時候使用v-if