Vue 指令之v-on的使用

vue

v-on 指令用于監聽(tīng) DOM 事件。v-on:click 可簡(jiǎn)寫(xiě)為 @click。修飾符:.stop 禁止冒泡、.once 只能觸發(fā)一次。v-on綁定的事件方法中的this 自動(dòng)綁定為當前 Vue實(shí)例

辰風(fēng)沐陽(yáng) 閱讀 1133 2020-06-29

v-bind 綁定 class、style 屬性【初識】

vue

將 v-bind 用于 class 和 style 時(shí),Vue.js 做了專(zhuān)門(mén)的增強。表達式結果的類(lèi)型除了字符串之外,還可以是對象或數組。:class 對象語(yǔ)法的含義是 :class 后面跟的是一個(gè)對象,語(yǔ)法格式: {類(lèi)名: 布爾值, 類(lèi)名: 布爾值},這種方式用的比較多,數組語(yǔ)法則用的相對較少。過(guò)于復雜時(shí)可以將對象放在 computed、methods 中

辰風(fēng)沐陽(yáng) 閱讀 1178 2020-06-23

Vue 指令之v-bind指令綁定屬性

vue

指令 (Directives) 是帶有 v- 前綴的特殊屬性,Mustache語(yǔ)法不能作用在HTML屬性上,遇到這種情況應該使用v-bind指令。v-bind 指令可簡(jiǎn)寫(xiě)為英文冒號(:)

辰風(fēng)沐陽(yáng) 閱讀 1113 2020-06-23

Vue 指令之插值 v-text、v-html、v-once

vue

Vue 指令之插值Vue 指令之插值,也可以使用 v-text、v-html指令進(jìn)行插值。因為vue是雙向綁定,數據一旦發(fā)生改變,插值處的內容將自動(dòng)改變;使用 `v-once` 指令使其一次性插值,則數據改變不會(huì )影響插值處的內容

辰風(fēng)沐陽(yáng) 閱讀 1247 2020-06-23

Vue 實(shí)例、el、data

vue

Vue實(shí)例也代理了data對象上所有的屬性,所以訪(fǎng)問(wèn)vm.name等價(jià)于訪(fǎng)問(wèn)vm.$data.name,Vue實(shí)例掛載的模板可以通過(guò)vue實(shí)例的$el屬性訪(fǎng)問(wèn)。el屬性用于選擇一個(gè)dom元素作為Vue實(shí)例(對象)的掛載目標

辰風(fēng)沐陽(yáng) 閱讀 1139 2020-06-22

最新推薦