Vue組件之動態(tài)組件

vue

動態(tài)組件:不同組件之間進(jìn)行動態(tài)切換,通過 Vue 的 <component> 元素加一個特殊的 is attribute 實現(xiàn)

辰風(fēng)沐陽 閱讀 1830 2020-08-02

Vue組件插槽的使用

vue

插槽就是子組件提供給父組件使用的一個占位符,用 `<slot></slot>` 表示,父組件可以在這個占位符中填充任何模板代碼,如:html、組件等,填充的內(nèi)容會替換到子組件中的 `<slot></slot>` 標(biāo)簽

辰風(fēng)沐陽 閱讀 1829 2020-08-02

自定義事件子組件與父組件通信

vue

自定義事件子組件與父組件通信,子組件中使用 $emit('tt')

辰風(fēng)沐陽 閱讀 1939 2020-08-02

Vue 父子組件通信傳值(子組件中使用父組件中的數(shù)據(jù))

vue

使用 props 向子組件傳遞數(shù)據(jù),實現(xiàn)在子組件中使用父組件中的數(shù)據(jù)

辰風(fēng)沐陽 閱讀 1800 2020-08-02

Vue組件的data必須是一個函數(shù)、單個根元素、局部組件

vue

Vue組件的data必須是一個函數(shù):一個組件的 data 選項必須是一個函數(shù),因此每個實例可以維護(hù)一份被返回對象的獨立的拷貝;每個組件必須只有一個根元素:組件模板只能有一個根元素;局部組件定義示例

辰風(fēng)沐陽 閱讀 1796 2020-07-31

Vue 組件介紹及使用

vue

`組件是可復(fù)用的Vue實例`,通過自定義元素實現(xiàn)組件;html標(biāo)簽不區(qū)分大小寫,統(tǒng)一使用小寫,多個單詞使用短橫線隔開(art-list);可以使用Vue.component注冊全局組件

辰風(fēng)沐陽 閱讀 1735 2020-07-31

layui 表單引入 ueditor 遇坑記

Layui

layui表單引入ueditor發(fā)現(xiàn)無法獲取ueditor的內(nèi)容,經(jīng)過排查發(fā)現(xiàn)將表單容器div標(biāo)簽改為form標(biāo)簽就可以了。剛開始用div是因為layui官方文檔說表單容器可以是div標(biāo)簽,只要賦予 .layui-form 類就行。

辰風(fēng)沐陽 閱讀 2484 2020-07-31

Vue 2.x 偵聽器 watch【初識】

vue

Vue 提供了一種更通用的方式來觀察和響應(yīng) Vue 實例上的數(shù)據(jù)變動:偵聽屬性。當(dāng)屬性發(fā)生改變時,自動觸發(fā)屬性對應(yīng)的偵聽器。當(dāng)需要在數(shù)據(jù)變化時執(zhí)行異步或開銷較大的操作時,這個方式是最有用的。

辰風(fēng)沐陽 閱讀 1753 2020-07-20

Vue2 計算屬性 computed【初識】

vue

模板內(nèi)的表達(dá)式非常便利,但是它們的設(shè)計初衷是用于簡單運算的。在模板中放入太多的邏輯會讓模板過重且難以維護(hù)。computed 計算屬性就是專門用于進(jìn)行復(fù)雜的屬性計算的。計算屬性是基于它們的響應(yīng)式依賴進(jìn)行緩存的。只有在相關(guān)響應(yīng)式依賴發(fā)生改變時它們才會重新求值,methods 不緩存。

辰風(fēng)沐陽 閱讀 1769 2020-07-20

Vue指令之列表渲染

vue

v-for 指令基于一個數(shù)組來渲染一個列表。使用 `item in/of items` 形式的語法,其中 items 是源數(shù)據(jù)數(shù)組,item 是被迭代的數(shù)組元素別名,支持多種數(shù)據(jù)格式:`Array | Object | number | string | lterable(2.6新增)`

辰風(fēng)沐陽 閱讀 1686 2020-07-19