自定义组件是为了方便提取公共的部分来实现调用,比如头部,底部的一些公共的部分就可以使用公共组件来完成;
自定义组件
- 在pages的同级目录下创建 components 文件夹;
- 在components文件夹中创建一个文件夹,然后右击文件夹选择新建components;
- 如果那个pages 需要组件就在对应的 .json文件中注册;
- 页面中引入组件名标签;
组件的属性传值
1,先在组件标签中自定义一个属性 myTitle
<all mytitle="this is a data"></all>
2,在对应组件js中的 properties 中接受传过来的值
properties: {
mytitle: {
type: String,
value: "如果没有传值这里将是默认值"
}
},
3,在组件中 显示对应的值
<text>{{mytitle}}</text>