Vue指令之條件渲染
v-show 和 v-if 指令都可以用于條件渲染。v-show 當(dāng)表達(dá)式為false時(shí)僅僅是被賦予 style="display:none" 屬性；v-if 則是直接將標(biāo)簽替換為 html中的注釋 <!---->
辰風(fēng)沐陽(yáng) 閱讀 1714 2020-07-19
v-model 創(chuàng)建雙向綁定
v-model 用于 在表單 <input>、<textarea> 及<select>元素控件或者組件上創(chuàng)建雙向綁定，它負(fù)責(zé)監(jiān)聽(tīng)用戶的輸入事件以更新數(shù)據(jù)
辰風(fēng)沐陽(yáng) 閱讀 1758 2020-06-30
Vue 指令之v-on的使用
v-on 指令用于監(jiān)聽(tīng) DOM 事件。v-on:click 可簡(jiǎn)寫為 @click。修飾符：.stop 禁止冒泡、.once 只能觸發(fā)一次。v-on綁定的事件方法中的this 自動(dòng)綁定為當(dāng)前 Vue實(shí)例
辰風(fēng)沐陽(yáng) 閱讀 1740 2020-06-29
v-bind 綁定 class、style 屬性【初識(shí)】
將 v-bind 用于 class 和 style 時(shí)，Vue.js 做了專門的增強(qiáng)。表達(dá)式結(jié)果的類型除了字符串之外，還可以是對(duì)象或數(shù)組。:class 對(duì)象語(yǔ)法的含義是 :class 后面跟的是一個(gè)對(duì)象，語(yǔ)法格式: {類名: 布爾值, 類名: 布爾值}，這種方式用的比較多，數(shù)組語(yǔ)法則用的相對(duì)較少。過(guò)于復(fù)雜時(shí)可以將對(duì)象放在 computed、methods 中
辰風(fēng)沐陽(yáng) 閱讀 1793 2020-06-23
Vue 指令之v-bind指令綁定屬性
指令 (Directives) 是帶有 v- 前綴的特殊屬性，Mustache語(yǔ)法不能作用在HTML屬性上，遇到這種情況應(yīng)該使用v-bind指令。v-bind 指令可簡(jiǎn)寫為英文冒號(hào)（:）
辰風(fēng)沐陽(yáng) 閱讀 1713 2020-06-23
Vue 指令之插值 v-text、v-html、v-once
Vue 指令之插值Vue 指令之插值，也可以使用 v-text、v-html指令進(jìn)行插值。因?yàn)関ue是雙向綁定，數(shù)據(jù)一旦發(fā)生改變，插值處的內(nèi)容將自動(dòng)改變；使用 `v-once` 指令使其一次性插值，則數(shù)據(jù)改變不會(huì)影響插值處的內(nèi)容
辰風(fēng)沐陽(yáng) 閱讀 1932 2020-06-23
Vue 實(shí)例、el、data
Vue實(shí)例也代理了data對(duì)象上所有的屬性，所以訪問(wèn)vm.name等價(jià)于訪問(wèn)vm.$data.name，Vue實(shí)例掛載的模板可以通過(guò)vue實(shí)例的$el屬性訪問(wèn)。el屬性用于選擇一個(gè)dom元素作為Vue實(shí)例（對(duì)象）的掛載目標(biāo)
辰風(fēng)沐陽(yáng) 閱讀 1763 2020-06-22