新增一个组件,只需要修改2个文件就可以了,以下是教程,可以参考,但是页面里的逻辑需要自己去写。
1、在mobilePage
2、在mobileConfig中新建一个同名文件即可。ew_component.vue 和 c_new_component.vue 是一对配合使用的组件文件,在组件中写内容即可。
一、两个文件的不同作用
- new_component.vue(位于mobilePage目录)
- 这是 显示组件 ,负责在页面上实际渲染内容
- 包含组件的HTML模板、样式和基本业务逻辑
- 从Vuex中读取配置数据并应用到UI上
- 例如banner.vue中就包含了轮播图的展示逻辑
- c_new_component.vue(位于mobileConfig目录)
- 这是 配置组件 ,负责提供用户配置界面
- 包含各种表单控件(如单选框、滑块、颜色选择器等)
- 监听用户输入并更新Vuex中的配置数据
- 例如c_banner.vue中就包含了轮播图的各种配置选项