vue元件劃分注意點

2022-08-28 20:33:12 字數 348 閱讀 9871

如何實現元件化

基礎元件主要指那些本身不包含任何業務邏輯、可以被輕鬆復用的元件,例如 picker、timepicker、toast、dialog、actionsheet 等等.

基礎元件的通訊基本就是往元件傳入 prop,並監聽元件 $emit 的事件。

業務元件主要指那些包含業務邏輯,包括一些與後端介面通訊的邏輯。業務元件會包含若干個基礎元件,通常我們會把一些業務邏輯的資料通過 vuex 管理起來,然後元件內部讀取資料和提交對資料修改的動作。

這裡需要說明一點,當我們使用 vuex 的時候,並不是所有和後端通訊的請求都需要提交乙個 action,如果這個請求並不會修改我們 store 裡的資料,可以在元件內部消化。

vue元件封裝注意項

好久沒用vue,複習一下,有誤請指出 就寫寫我常用的,我覺得是這三種是夠用的,其他的看得少沒用過,有空看看用用再寫 props的值不可直接修改 props可以是陣列可以是物件。props obj arr fun 10 default為該 prop 指定乙個預設值。如果該 prop 沒有被傳入,則換做...

Vue 劃分元件以及元件之間的通訊

在vue中,每個元件都是乙個例項,元件可以看成是乙個頁面的區域。1.元件劃分 作為乙個功能模組系統,劃分出乙個個的元件,有兩種劃分模式 功能模組和頁面區域 如何劃分元件 功能模組 select,pagenation.頁面模組 header,footer,sidebar.元件之間的通訊包括父向子傳參和...

Vue元件知識點

定義vue元件 全域性元件定義的三種方式 第一種方式 1.先呼叫 vue.extend 得到元件的建構函式 建立全域性元件的第一種方式 component const com1 vue.extend 2.通過 vue.component 元件的名稱 元件的建構函式 來註冊全域性元件 使用 vue.c...