插槽就是子組件提供給父組件使用的一個占位符,用 `<slot></slot>` 表示,父組件可以在這個占位符中填充任何模板代碼,如:html、組件等,填充的內容會替換到子組件中的 `<slot></slot>` 標簽
辰風沐陽 閱讀 1522 2020-08-02
使用 props 向子組件傳遞數(shù)據(jù),實現(xiàn)在子組件中使用父組件中的數(shù)據(jù)
辰風沐陽 閱讀 1497 2020-08-02
Vue組件的data必須是一個函數(shù):一個組件的 data 選項必須是一個函數(shù),因此每個實例可以維護一份被返回對象的獨立的拷貝;每個組件必須只有一個根元素:組件模板只能有一個根元素;局部組件定義示例
辰風沐陽 閱讀 1450 2020-07-31
`組件是可復用的Vue實例`,通過自定義元素實現(xiàn)組件;html標簽不區(qū)分大小寫,統(tǒng)一使用小寫,多個單詞使用短橫線隔開(art-list);可以使用Vue.component注冊全局組件
辰風沐陽 閱讀 1426 2020-07-31
Vue 提供了一種更通用的方式來觀察和響應 Vue 實例上的數(shù)據(jù)變動:偵聽屬性。當屬性發(fā)生改變時,自動觸發(fā)屬性對應的偵聽器。當需要在數(shù)據(jù)變化時執(zhí)行異步或開銷較大的操作時,這個方式是最有用的。
辰風沐陽 閱讀 1452 2020-07-20
模板內的表達式非常便利,但是它們的設計初衷是用于簡單運算的。在模板中放入太多的邏輯會讓模板過重且難以維護。computed 計算屬性就是專門用于進行復雜的屬性計算的。計算屬性是基于它們的響應式依賴進行緩存的。只有在相關響應式依賴發(fā)生改變時它們才會重新求值,methods 不緩存。
辰風沐陽 閱讀 1443 2020-07-20
v-for 指令基于一個數(shù)組來渲染一個列表。使用 `item in/of items` 形式的語法,其中 items 是源數(shù)據(jù)數(shù)組,item 是被迭代的數(shù)組元素別名,支持多種數(shù)據(jù)格式:`Array | Object | number | string | lterable(2.6新增)`
辰風沐陽 閱讀 1393 2020-07-19
v-show 和 v-if 指令都可以用于條件渲染。v-show 當表達式為false時僅僅是被賦予 style="display:none" 屬性;v-if 則是直接將標簽替換為 html中的注釋 <!---->
辰風沐陽 閱讀 1407 2020-07-19
v-model 用于 在表單 <input>、<textarea> 及<select>元素控件或者組件上創(chuàng)建雙向綁定,它負責監(jiān)聽用戶的輸入事件以更新數(shù)據(jù)
辰風沐陽 閱讀 1421 2020-06-30