微信小程序 自定义组件

Step 1 新建

在项目根目录下新增一个文件夹（components）用于存放需要用到的组件，在components目录下新建一个名为组件名称的文件夹，然后在里面新建wxml,wxss,js,json，其中wxml,wxss代码与页面一样

json：

"component": true

设置为组件

js：

Component({properties: {// 这里定义了innerText属性，属性值可以在组件使用时指定tab: {type: String,value: '0',},noshow: {type: Boolean,value: !1,}},data: {//数据},methods: {//方法}})

properties 接收组件调用时传输的值

Step 2 调用

（1）先在需要调用组件的页面json中定义路径和组件名

"usingComponents": {"Nav": "../../component/specialNavigation/index"}

Nav就是自定义的组件名，后面是调用组件的路径

（2）引用组件

<Nav tab='0' noshow='{{noshow}}'></Nav>

Nav对应json中的组件名，tab和noshow是自定义传值，与组件js的properties中的数据对应