新增一個(gè)組件,只需要修改2個(gè)文件就可以了,以下是教程,可以參考,但是頁面里的邏輯需要自己去寫。
1、在mobilePage
2、在mobileConfig中新建一個(gè)同名文件即可。ew_component.vue 和 c_new_component.vue 是一對配合使用的組件文件,在組件中寫內(nèi)容即可。
一、兩個(gè)文件的不同作用
- new_component.vue(位于mobilePage目錄)
- 這是 顯示組件 ,負(fù)責(zé)在頁面上實(shí)際渲染內(nèi)容
- 包含組件的HTML模板、樣式和基本業(yè)務(wù)邏輯
- 從Vuex中讀取配置數(shù)據(jù)并應(yīng)用到UI上
- 例如banner.vue中就包含了輪播圖的展示邏輯
- c_new_component.vue(位于mobileConfig目錄)
- 這是 配置組件 ,負(fù)責(zé)提供用戶配置界面
- 包含各種表單控件(如單選框、滑塊、顏色選擇器等)
- 監(jiān)聽用戶輸入并更新Vuex中的配置數(shù)據(jù)
- 例如c_banner.vue中就包含了輪播圖的各種配置選項(xiàng)