vue中有很多指令，有的是常用的，有的是不常用的，還有一些是自定義的。
那麼什麼是指令呢？
指令： 是乙個特殊標記，vue通過這個標記來增強html標籤，也就是：讓html具備了一些原本不具備的功能
解讀 : v-model 用在表單元素中，用來實現雙向資料繫結
作用：將文字框的值與 data中msg資料，繫結到一起，只要 文字框的值或msg 發生了改變，另一方都會自動改變
v-model 用在不同的表單元素中，有不同的功能 。。也就是input中的type等其他
當然v-model不能用在div這種非表單元素中。
**:
v-text：設定文字內容，類似於 innertext 的功能
v-html：設定html內容，類似於 innerhtml 的功能
這兩個指令可以用在div標籤中
如果要使用data中的資料，來動態繫結html屬性的值，應該通過 v-bind 指令來繫結，而不是使用 插值表示式！！！
這個指令和v-model不同的是，v-model是用來動態繫結表單元素的，而v-bind是用來繫結普通標籤的值
例如 ：
標籤v-bind:href=」msg」 可以省略前面的v-bind 直接:href=」msg」來繫結
標籤標籤 –>
vue例項中的資料 ：展示
使用vue我們可以操作class 還可以操作style 但是推薦使用 class
語法介紹：v-bind:class=「{}」
值是乙個物件，物件中的鍵表示要新增的類名稱，鍵的值是乙個布林值，如果為true表示新增這個類；如果為false，表示移除這個類
例如：}
簡寫模式 : 可以省略v-bind }
activecolor: 『green』,
fontsize: 50}})
繫結單擊事件語法： v-on:click click表示事件名稱
fn 表示 methods 配置項中的乙個方法名字
例如 ：點我
簡化語法 :點我
繫結事件的引數說明 ：
1 如果不需要給事件傳遞引數，就不要新增小括號 ()
2 如果要給事件傳遞引數，應該新增小括號
例如 ： 點我
注意：1 如果繫結事件的時候，沒有新增小括號傳遞引數，在事件處理程式中直接通過第乙個引數 e 就獲取到事件物件了
2 如果繫結事件的時候，新增了小括號，此時無法直接在事件處理程式中獲取到事件物件。如果要獲取到事件物件，應該傳入乙個引數叫： $event。這個 $event 是vue內部約定好的乙個標記，就表示事件物件點我
v-for的作用一般用於遍歷資料用的，就是將data中的資料渲染的也頁面中，使用v-for的時候，我們一定要使用:key=」item.id」
v-for=」item in list」 語法類似於 for-in
item 是我們自己隨意執行的乙個名稱，表示陣列的每一項
list 表示 data 中的資料
在標籤中使用例子 :
} in 也可以換成of
如果我們使用v-for想要獲取 索引值 可以這麼寫 :
} — }
} — }
vue中的常用指令
在正式使用vue之前，我們需要熟悉vue中的各種指令 1.文字插值 data vue就將公安與司法大類渲染到頁面。2.v bind動態繫結 v bind可以縮寫為 插入乙個動態的class，插入乙個動態樣式，3.v if v else v else if條件判斷 data 如果flag true顯示...
vue的 基礎指令及解讀
v show 控制當前元素的display block屬性控制元素的顯示隱藏 v on evennam.修飾符 等同於 eventname.修飾符 註冊事件 事件修飾符 事件操作符可以連用 prevent 阻止事件預設行為 stop 阻止事件冒泡 capture 捕獲階段執行 從大元素到小元素 se...
vue常用指令
1 v model id box type text v model br div var a new vue script 就和 ng model 乙個意思了 v html html v html html渲染過程中被解析 v text text 同上 意思就是資料渲染過程中被解析 v for v...