vue一些常用指令的作用詳解

mvvm:

mvc（m=module模型.  v=view視圖  c=contorller控制器  ）

vm視圖與數據之間的傳遞；

vue特性：

雙向數據綁定、單向數據流、單頁面應用

v-model：數據綁定；

data：返回對象用return；

v-for：循環； 格式：v-for=“字段名 in(of)數組json"

v-show: 顯示隱藏 傳遞值爲布爾值 true false默認false；

v-if：顯示與隱藏；（v-show對比區別就是是否刪除dom節點，默認是false）

v-else-if：必須和v-if連用，不能單獨使用否則報錯，模版編譯錯誤；

v-bind：動態綁定；作用：及時對頁面的數據進行更改；

v-on：綁定事件，函數必須寫在methods裏面；（@click快捷寫法）

v-text：解析文本；

v-bind：class

三種綁定方法：

1、對象型：{red: isred};

2、三目型；

3、數組型；

v-once：進入頁面時，只渲染一次，不再進行渲染；

v-cloak：防止閃爍；

v-pre：把標籤內部的元素原位輸出；