vue的指令：
v-for,in,key,v-bind,v-model,v-on，v-once，v-cloak,v-html,v-text
v-show,v-on，v-if,v-else-if,v-else,v-pre
}
/*這裡為文字插值*/
雙花括號裡面的資料解析為普通文字.
同時裡面可以支援js表示式,但不支援語句，同時裡面只能出現乙個表示式。
}，}可以稱之為插值表示式。
css：
[v-cloak]
html:
}
但是和文字插值還是有區別：
+++++++++
}++++++
v-text會忽略標籤之間的文字資料。也就是上面的+號
只有v-html可以將html的文字進行解析。
它更新的是元素的innerhtml，內容按普通的html插入。
動態的繫結乙個或多個屬性，或乙個元件prop到表示式。
在繫結class和style特性時，可使用陣列或物件。
縮寫：為冒號 ：
按鈕
按鈕 縮寫： @
changevalue是定義在methods中的函式。
事件還有很多事件修飾符：如：
.stop - 呼叫 event.stoppropagation()。
.prevent - 呼叫 event.preventdefault()。
.capture - 新增事件偵聽器時使用 capture 模式。
按鈕
v-model只能運用在表單中。
模型層定義-->檢視層渲染--->檢視層修改-->反饋到模型層。
8.vue中樣式的使用
物件和陣列在樣式中的區別：
因為物件是無序的，陣列是有序的。
所有有些樣式存在覆蓋的話，那麼陣列是確定的。
後面的覆蓋前面，而物件不確定
使用class樣式：
使用v-bind:
1.)物件方式：
2.)陣列方式
flag定義在data中。
4.）陣列中包物件:推薦
使用內聯樣式style：
物件方式：
或者繫結到乙個物件中：
data:
}陣列的方式：
對陣列遍歷：items :['a','b','c','d']
對物件遍歷：
obj:
}:}類似python一樣的，有in操作符
x in 10進行遍歷
key只能是string和number型別的。
v-for的優先順序比v-if高：
}上面的**只傳遞了未完成的 todos。所以v-if中得不到todo,因此無法渲染任何東西。
11.v-show:
根據表示式之真假值，切換元素的 display css 屬性。跳過這個元素和它的子元素的編譯過程。可以用來顯示原始 mustache 標籤。
跳過大量沒有指令的節點會加快編譯。
}
名稱
新增搜尋
id品牌名稱
新增時間
操作 }}}
}
vue指令總結
v pre跳過這個元素和它的子元素的編譯過程 這裡的內容不會被編譯 v html輸出html v bind語法糖 動態更新html元素屬性 v on語法糖 繫結事件 v model用於表單類元素上雙向繫結資料 v cloak和display none配合使用解決網速較慢螢幕閃動問題 v cloak ...
vue 指令總結
templet templet中只能有乙個根節點 v text 只能用於雙標籤中，就是給元素的innertext賦值 v html 就是給元素的innerhtml賦值 v if 如果值為false，在html中顯示，為true就插入元素，v else if v else v show 是顯示與否的問...
vue 常用指令 總結
1 v clock 解決插值表示式預設閃爍問題 預設有插值表示式，差值表示式前後可以新增內容 2 v text 插入文字，預設是沒有閃爍問題的，不用插值表示式，v text會替換內部內容 3 v html 把html解析然後渲染出來 注意 v text和插值表示式 不解析html標籤 v text ...