1.创建组件
1.2局部引用组件
//页面.json文件
{
"usingComponents": {
"test1":"/components/test/test1"
}
}
//页面.wxml文件
<text>pages/list/list.wxml</text>
<view></view>//强制换行一下
<test1></test1>
1.3全局应用(在app.json文件中配置)
1.4全局引用vs局部应用
根据组件的使用频率和范围,选择合适的方式
- 如果某组件在多个页面经常被使用到,建议进行“全局引用”
- 若只在某特定的页面使用过,建议进行“局部应用”
1.5组件和页面的区别
从表面看,组件和页面都是由.js .json .wxml .wxss这四个文件组成。但是,组件和页面.js与.json文件有明显区别:
- 组件的.json文件中需要声明“component:true”属性
- 组件的.js文件中调用的是Component()函数
- 组件的事件处理函数需要定义到methods节点中