Wechat applet custom component

First step ： newly build components Catalog

The second step ： stay components A new directory is added under the directory , It's called myHeader

The third step ： stay myHeader Right click on the directory , Select from the pop-up menu " newly build Component", Then the name is myHeader, Wechat developer tool will automatically create 4 File , Respectively myHeader.js、myHeader.json、myHeader.wxml、myHeader.wxss, And the four files have default contents

among myHeader.js The content of is ：

// components/myHeader/myHeader.js
Component({
  /**
   *  A list of properties of a component 
   */
  properties: {

  },

  /**
   *  The initial data of the component 
   */
  data: {

  },

  /**
   *  A list of methods for a component 
   */
  methods: {

  }
})

 

myHeader.json The contents of the file are ：

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

 

myHeader.wxml The contents of the file are ：

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

 

myHeader.wxss The contents of the file are ：

/* components/myHeader/myHeader.wxss */

 

 

Use of custom components :