uni-app组件封装基本知识
大前端学习：uniapp中：组件封装基本知识
·
一、命名规范
小写字母，单词用“
-
”链接例如（bj-item
）
,
目录名称和文件名保持一致，官方默认把“
uni-
”开头的
组件全局挂载，不是这种格式的组件需要局部挂载。
1
、“
uni-
”开头的组件官方默认全局挂载
2、组件使用
随着Hbuilder的升级，现在组件统一放到uni_modules里面，进行更加规范的存放规则。
在uni_modules下的组件也能够直接上传到插件商城
以前：
使用前还需要进行局部挂载：
components里面用于存放组件，组件需要建文件夹，且名字和vue页面相同
现在：
建完项目（uni-ui），uni_modules里面防止组件，且不需进行挂载，可以直接使用。
3、直接使用
二、组件通信
1
、父级向子组件传参（子组件通过
props
接收参数）
2、监听参数 （watch 监听 props 变量）
3
、子组件向父组件传参（$emit
回调）
三、父子组件交互
1、父级调用子组件方法（$refs）
四、插槽（slot）
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)