插槽表示式閃爍問題
1、@click.stop=「表示式/函式名」 阻止事件冒泡，只執行自身事件不傳遞事件(寫在自身事件上)
2、@click.prevent=「表示式/函式名」 阻止預設行為，不響應預設事件（寫在自身事件上）
3、@click.captuer=「表示式/函式名」 捕獲事件，先走自身事件在走其他事件（寫那裡先執行那裡）
4、@click.self=「表示式/函式名」 只有事件發生在自身時響應，冒泡過來不響應（寫的地方不支援冒泡事件的響應）
5、@click.once=「表示式/函式名」 事件只響應一次，一次後失效
**以上事件都可以疊加使用
雙向資料繫結
v-model只適用於表單
樣式繫結
1、:class
（1）:class="[『color』,『fontstyle』]" //繫結class類名
（2）:class="[『color』,『fontstyle』,flag?『active』:』』]" //使用三元運算
（3）:class="[『color』,『fontstyle』,]" //使用表示式
（4）:class=「classobj」 //使用物件繫結樣式
2、:style
（1）:style="" //直接繫結樣式
（2）:style=「styleobj1」 //傳遞乙個物件
（3）:style="[styleobj1,styleobj2]" //可以傳遞多個物件
eg:data:}
迴圈指令
v-for
1、遍歷普通陣列
}
2、遍歷物件陣列
}
}:}+}
這是第}次迴圈
條件語句
v-if 重新刪除或建立元素,有較高的效能消耗
v-show 不會刪除或建立元素，只是切換元素樣式，display:none，有較高的渲染消耗
VUE相關指令
一,文字類指令 相互繫結的兩種方式 1,繫結的變數是一樣的,2,插值表示式中的變數值和繫結的變數一致 v text 文字格式,原文本會被替換 v html 可以解析帶html標籤的文字資訊 v once 文字只能被賦值一次 這是p 原文本 二,避免閃爍 在vue更改html中的值得時候,重新整理的快...
Vue框架 Vue指令
v cloak 避免螢幕閃爍 class屬性 重點 style屬性 了解 案例 123 data methods 12 3 事件處理 3 v if有家族 v if v else if v else if控制顯隱 你是第1個p 你是第2個p 你是第3個p 案例綠 藍 注意 v for遍歷要依賴於乙個所...
vue的全域性指令
vue有四個全域性指令 directive extent set component directive 自定義指令 寫乙個改變顏色的指令 vue.directive amie function el,binding,vnode html 可以看出其實指令的實際是操作dom元素，第乙個引數就是ele...