Vue組件插槽的使用
插槽就是子組件提供給父組件使用的一個(gè)占位符，用 `<slot></slot>` 表示，父組件可以在這個(gè)占位符中填充任何模板代碼，如：html、組件等，填充的內(nèi)容會(huì)替換到子組件中的 `<slot></slot>` 標(biāo)簽
辰風(fēng)沐陽(yáng) 閱讀 1525 2020-08-02
Vue 父子組件通信傳值（子組件中使用父組件中的數(shù)據(jù)）
使用 props 向子組件傳遞數(shù)據(jù)，實(shí)現(xiàn)在子組件中使用父組件中的數(shù)據(jù)
辰風(fēng)沐陽(yáng) 閱讀 1499 2020-08-02
Vue組件的data必須是一個(gè)函數(shù)、單個(gè)根元素、局部組件
Vue組件的data必須是一個(gè)函數(shù)：一個(gè)組件的 data 選項(xiàng)必須是一個(gè)函數(shù)，因此每個(gè)實(shí)例可以維護(hù)一份被返回對(duì)象的獨(dú)立的拷貝；每個(gè)組件必須只有一個(gè)根元素：組件模板只能有一個(gè)根元素；局部組件定義示例
辰風(fēng)沐陽(yáng) 閱讀 1452 2020-07-31
Vue 組件介紹及使用
`組件是可復(fù)用的Vue實(shí)例`，通過(guò)自定義元素實(shí)現(xiàn)組件；html標(biāo)簽不區(qū)分大小寫，統(tǒng)一使用小寫，多個(gè)單詞使用短橫線隔開(kāi)（art-list）；可以使用Vue.component注冊(cè)全局組件
辰風(fēng)沐陽(yáng) 閱讀 1427 2020-07-31
Vue 2.x 偵聽(tīng)器 watch【初識(shí)】
Vue 提供了一種更通用的方式來(lái)觀察和響應(yīng) Vue 實(shí)例上的數(shù)據(jù)變動(dòng)：偵聽(tīng)屬性。當(dāng)屬性發(fā)生改變時(shí)，自動(dòng)觸發(fā)屬性對(duì)應(yīng)的偵聽(tīng)器。當(dāng)需要在數(shù)據(jù)變化時(shí)執(zhí)行異步或開(kāi)銷較大的操作時(shí)，這個(gè)方式是最有用的。
辰風(fēng)沐陽(yáng) 閱讀 1455 2020-07-20
Vue2 計(jì)算屬性 computed【初識(shí)】
模板內(nèi)的表達(dá)式非常便利，但是它們的設(shè)計(jì)初衷是用于簡(jiǎn)單運(yùn)算的。在模板中放入太多的邏輯會(huì)讓模板過(guò)重且難以維護(hù)。computed 計(jì)算屬性就是專門用于進(jìn)行復(fù)雜的屬性計(jì)算的。計(jì)算屬性是基于它們的響應(yīng)式依賴進(jìn)行緩存的。只有在相關(guān)響應(yīng)式依賴發(fā)生改變時(shí)它們才會(huì)重新求值，methods 不緩存。
辰風(fēng)沐陽(yáng) 閱讀 1445 2020-07-20
Vue指令之列表渲染
v-for 指令基于一個(gè)數(shù)組來(lái)渲染一個(gè)列表。使用 `item in/of items` 形式的語(yǔ)法，其中 items 是源數(shù)據(jù)數(shù)組，item 是被迭代的數(shù)組元素別名，支持多種數(shù)據(jù)格式：`Array | Object | number | string | lterable(2.6新增)`
辰風(fēng)沐陽(yáng) 閱讀 1396 2020-07-19
Vue指令之條件渲染
v-show 和 v-if 指令都可以用于條件渲染。v-show 當(dāng)表達(dá)式為false時(shí)僅僅是被賦予 style="display:none" 屬性；v-if 則是直接將標(biāo)簽替換為 html中的注釋 <!---->
辰風(fēng)沐陽(yáng) 閱讀 1409 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) 閱讀 1423 2020-06-30