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

vue

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

辰風(fēng)沐陽 閱讀 1426 2020-06-23

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

vue

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

辰風(fēng)沐陽 閱讀 1349 2020-06-23

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

vue

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

辰風(fēng)沐陽 閱讀 1509 2020-06-23

Vue 實例、el、data

vue

Vue實例也代理了data對象上所有的屬性,所以訪問vm.name等價于訪問vm.$data.name,Vue實例掛載的模板可以通過vue實例的$el屬性訪問。el屬性用于選擇一個dom元素作為Vue實例(對象)的掛載目標(biāo)

辰風(fēng)沐陽 閱讀 1403 2020-06-22