vue中常用的 v 指令和自定義指令

class結合v-bind使用

:key=

"index" 和 v-bind:key=
"index"
;//相等

methods和v-on的使用

函式名如果沒有引數，可以省略() 只給乙個函式名稱

宣告元件內函式，在export default這個物件的根屬性加上methods屬性，其是乙個物件

在export default這個物件的根屬性加上data屬性，其是乙個函式，返回乙個物件

凡是在template中使用變數或者函式，不需要加this

在script中使用就需要加上this

v-for的使用

key 是類似trank by 的乙個屬性

為的是告訴vue，js中的元素，與頁面之間的關聯，當識圖刪除元素的時候，是單個元素的刪除而不是正版替換，所以需要關聯其關係，設定(必須,效能)

2.2.0+ 的版本裡，當在元件中使用 v-for 時，key 現在是必須的。

參考 >

75     // main.js 中先將自定義指令定義好

76     // directives有兩個引數
77         //引數一： 自定義指令 v-focus
78         //引數二： 物件，物件中可以新增很多方法
79                  // 新增乙個inserted方法:而這個方法中又有兩個引數：
80                  //引數一:el 當前使用自定義指令的物件
81                  //引數二：obj 是指它(v-color="color" )後面設定的表示式
82                  //
83     vue.directive("focus",
88     });
89     vue.directive("color",,
bind: function () {},
95     });

Vue 通過自定義指令回顧 v 內建指令

vue.js 的各種指令 directives 更加方便我們去資料驅動 dom，例如 v bind v on v model v if v for v once 等內建指令，這些指令的職責就是當表示式改變時將某些行為應用到 dom 上，盡量不去操作增刪改 dom。通過了解如何去自定義指令，可以想象內...

vue中常用的v 指令演示

vue中常用的v 指令演示v text 只能用在雙標籤中 v text 其實就是給元素的innertext賦值 v html 其實就是給元素的innerhtml賦值 v if 如果值為false 會留下乙個作為標記，萬一未來v if的值是true了，就在這裡插入元素 如果有if和else就不需要單獨...

Vue自定義指令

vue有很多內建的指令，比如說v on，v model，v clock等等，每乙個指令會完成一定的功能，但是這些內建的指令總會有些侷限性，要是能夠自定義指令就好了 vue的自定義指令分類 全域性指令和區域性指令 vue指令的定義和用法 以全域性指令為例 1.語法 vue.directive 指令id...