uni-app组件封装基本知识

一、命名规范

        小写字母，单词用“ - ”链接例如（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）