v-model 創(chuàng)建雙向綁定
v-model 用于 在表單 <input>、<textarea> 及<select>元素控件或者組件上創(chuàng)建雙向綁定，它負責監(jiān)聽用戶的輸入事件以更新數(shù)據(jù)
辰風沐陽 閱讀 1411 2020-06-30
Vue 指令之v-on的使用
v-on 指令用于監(jiān)聽 DOM 事件。v-on:click 可簡寫為 @click。修飾符：.stop 禁止冒泡、.once 只能觸發(fā)一次。v-on綁定的事件方法中的this 自動綁定為當前 Vue實例
辰風沐陽 閱讀 1384 2020-06-29
Layui 擴展字體圖標
layui 目前（2020-06-28）提供了168個圖標，但是很多時候這些圖標中沒有自己想要的，今天在項目中想找一個二維碼的圖標，但是在layui提供的圖標中并沒有，此時我們可以擴展圖標（阿里巴巴矢量圖標庫 www.iconfont.cn）layui提供的圖標也是取材于此。
辰風沐陽 閱讀 2033 2020-06-28
Layui 字體圖標
layui 的所有圖標全部采用字體形式，取材于阿里巴巴矢量圖標庫（iconfont.cn）。因此你可以把一個 icon 看作是一個普通的文字，這意味著你直接用 css 控制文字屬性，如 color、font-size，就可以改變圖標的顏色和大小。
辰風沐陽 閱讀 2012 2020-06-26
父元素透明度不影響子元素透明度解決方案
父元素設(shè)置opacity：0.5，子元素會受到父元素opacity的影響，也會有0.5的透明度。即使設(shè)置子元素opacity：1，子元素的opacity：1也是在父元素的opacity：0.5的基礎(chǔ)上設(shè)置的，因此子元素的opacity還是0.5。
辰風沐陽 閱讀 1787 2020-06-26
v-bind 綁定 class、style 屬性【初識】
將 v-bind 用于 class 和 style 時，Vue.js 做了專門的增強。表達式結(jié)果的類型除了字符串之外，還可以是對象或數(shù)組。:class 對象語法的含義是 :class 后面跟的是一個對象，語法格式: {類名: 布爾值, 類名: 布爾值}，這種方式用的比較多，數(shù)組語法則用的相對較少。過于復(fù)雜時可以將對象放在 computed、methods 中
辰風沐陽 閱讀 1426 2020-06-23
Vue 指令之v-bind指令綁定屬性
指令 (Directives) 是帶有 v- 前綴的特殊屬性，Mustache語法不能作用在HTML屬性上，遇到這種情況應(yīng)該使用v-bind指令。v-bind 指令可簡寫為英文冒號（:）
辰風沐陽 閱讀 1349 2020-06-23
Vue 指令之插值 v-text、v-html、v-once
Vue 指令之插值Vue 指令之插值，也可以使用 v-text、v-html指令進行插值。因為vue是雙向綁定，數(shù)據(jù)一旦發(fā)生改變，插值處的內(nèi)容將自動改變；使用 `v-once` 指令使其一次性插值，則數(shù)據(jù)改變不會影響插值處的內(nèi)容
辰風沐陽 閱讀 1509 2020-06-23
Vue 實例、el、data
Vue實例也代理了data對象上所有的屬性，所以訪問vm.name等價于訪問vm.$data.name，Vue實例掛載的模板可以通過vue實例的$el屬性訪問。el屬性用于選擇一個dom元素作為Vue實例（對象）的掛載目標
辰風沐陽 閱讀 1403 2020-06-22