首頁 > web前端 > js教程 > 主體

在Vue中如何實作自訂指令?

亚连
發布: 2018-06-07 17:42:26
原創
2687 人瀏覽過

這篇文章主要介紹了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  用法:表達式的真假條件渲染元素。在切換時元素以及它的資料綁定/元件被銷毀並且重建。如果是