微信小程序自定义组件

第一步：新建components目录

第二步：在components目录下新进一个目录，这里取名为myHeader

第三步：在myHeader目录上右键，在弹出的菜单中选择"新建Component"，然后名称为myHeader，微信开发者工具会自动为你创建4个文件，分别为myHeader.js、myHeader.json、myHeader.wxml、myHeader.wxss，而且这个四个文件中都有默认的内容

其中myHeader.js中的内容是：

// components/myHeader/myHeader.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {

  }
})

 

myHeader.json文件的内容是：

{
  "component": true,
  "usingComponents": {}
}

 

myHeader.wxml文件的内容是：

<!--components/myHeader/myHeader.wxml-->
<text>components/myHeader/myHeader.wxml</text>

 

myHeader.wxss文件的内容是：

/* components/myHeader/myHeader.wxss */

 

 

自定义组件的使用: