這篇文章主要介紹了Vue的土著指令和自訂指令的用法講解,需要的朋友可以參考下
1.土著指令
# 當我開始學習Vue的時候,看官網的時候看到了「指令」兩個字。我愣住了,what?指令是啥啊?後來繼續往下看,像這種什麼「v-for」「v-show」「v-if」都叫做指令。等到後來Vue玩的差不多了,開始寫專案的時候發現,常見的指令也就那麼幾個,例如“v-if”“v-show”“v-model”“v-for”“v -bind”“v-on”
。
你可以認為這是一種語法糖或這是一種指令。在常見的這些指令中,大體的使用方法如下:
1.v-text :string 用法:更新元素的textContent,更新部分的textContent,需要使用{{Mustache}}插值。
2.v-show:any 用法:根據表達式真假值,切換元素的 display css 屬性 。
3.v-if:any 用法:表達式的真假條件渲染元素。在切換時元素以及它的資料綁定/元件被銷毀並且重建。如果是,並提出它的內容作為條件塊。條件變化時改指令出發過渡效果。
4.v-for :Array | Object | number | string 用法:基於來源資料多次渲染元素或範本區塊 語法:alias in expression。
5.v-on:Function | Inline Statement 參數 $event( required) 修飾符。
6.v-bind:any 類型: any (with argument) | Object (without argument) 參數:attrOrProp (optional) ;修飾符: .prop ---被用來綁定DOM 屬性;. camel ---transform the kebab-case attribute name into camelCase .(supported since 2.1.0) 用法: 在綁定class 和style 特性時,支援其它類型的值。如物件和陣列;在綁定prop時,子元件必須宣告prop。
7.v-model :限制