Vue指令的使用

 這次帶給大家Vue指令的使用，Vue指令使用的注意事項有哪些，以下就是實戰案例，一起來看一下。

v-on作用於事件，簡寫@

v-bind作用於html元素的屬性，簡寫:

v-for作用於模板內的變數，和C#的foreach類似的用法

##v-if和v-show條件渲染html元素

v-model作用於有value值的元素，例如input（text、radio、checkbox）、select表單、textarea和Vue裡的component.

#以上v-xxx用法皆是，v-xxx="變數/方法"，變數/方法要在對應的el的Vue物件的data/methods中存在。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

JavaScript之優化DOM

#Vue的計算屬性

以上是Vue指令的使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！