这是我的小程序页面结构
1.创建componets文件,并编写你的组件页面
搜索
2.使用页面import导入和注册组件
3.使用组件
1.在uni_modules下,路径为
uni_modules/插件ID/components/组件名称/组件名称.vue
2.在pages.json文件中,设置easycom参数
"easycom": { "autoscan": true, "custom": { "^uni-(.*)": "@/components/uni-$1.vue", // 匹配components目录内的vue文件 "^vue-file-(.*)": "packageName/path/to/vue-file-$1.vue" // 匹配node_modules内的vue文件 } }
更多细节链接:
https://en.uniapp.dcloud.io/component/
https://en.uniapp.dcloud.io/collocation/pages.html#easycom