- 指令：帶有v-前綴的特殊屬性，用于在運算式的值改變時，將某些行為應用到DOM上，下面的例子，用到了v-bind指令將某一層div的屬性與checkbox的值系結，當use為true時，參考class1的樣式
<style>
.class1{
background: #444;
color: #eee;
}
</style>
<div id="app"> <label for="r1">修改顏色</label><input type="checkbox" v-model="use" id="r1"> <br><br> <div v-bind:> v-bind:class 指令 </div> </div> <script> new Vue({ el: '#app', data:{ use: false } }); </script>
- v-if:v-if 指令將根據運算式 seen 的值(true 或 false )來決定是否插入 p 元素，
<div id="app">
<p v-if="seen">現在你看到我了</p>
</div>
<script>
new Vue({
el: '#app',
data: {
seen: true
}
})
</script>
- v-model:用來在 input、select、textarea、checkbox、radio 等表單控制元件元素上創建雙向資料系結，根據表單上的值，自動更新系結的元素的值，
- v-on：用于監聽事件，
- v-for：v-for="(value, key, index) in object" ，其中第一個引數是屬性，第二個是鍵，第三個是索引，
- 引數：在指令后以冒號指明，在這里 href 是引數，告知 v-bind 指令將該元素的 href 屬性與運算式 url 的值系結，
<div id="app">
<pre><a v-bind:href="https://www.cnblogs.com/zqzhen/p/url">菜鳥教程</a></pre>
</div>
<script>
new Vue({
el: '#app',
data: {
url: 'http://www.runoob.com'
}
})
</script>
- 修飾符：.指明一個指令應該以特殊方式系結，
- 過濾器：由"管道符"指示，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/141464.html
標籤：JavaScript