欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue 2.0 指令

錢琪琛2年前8瀏覽0評論

Vue 2.0 中的指令是一種特殊的HTML屬性,用于響應式地將數據綁定到DOM元素上。Vue 2.0 中共有19個內置指令,它們被分為三類:事件指令、屬性綁定指令和條件渲染指令。

// 用于監聽DOM事件并執行JavaScript代碼
v-on:click="methodName"
// 縮寫語法
@click="methodName"// 動態地綁定元素的class
v-bind:class="{ className: true }"
// 縮寫語法
:class="{ className: true }"
// 動態地綁定元素的style
v-bind:style="{ color: 'red' }"
// 縮寫語法
:style="{ color: 'red' }"// 顯示或隱藏元素
v-if="condition"
// 縮寫語法
v-show="condition"
// 循環渲染列表
v-for="item in items"

除了這些內置指令外,我們還可以自定義指令。Vue 2.0 中通過Vue.directive()來注冊全局指令,也可以通過在組件中定義directives屬性來注冊局部指令。

Vue.directive('my-directive', {
// 指令定義對象
})
export default {
directives: {
'my-directive': {
// 指令定義對象
}
}
}