[TOC] ## components 文件夹是用来定义组件的文件夹 ### 1. 新建 components 文件夹 在文件夹下新建封装的模块文件如success 在sucess文件夹下新建compiuents类型的index文件会自动生成4个文件  ### 2. 在components文件夹wxml文件下定义模板 ~~~ <icon type="search" size='23' color='#ff2d51'></icon> ~~~ ### 3. 在components文件夹的js文件对事件进行处理 ~~~ //index.js Component({ /** * 组件的属性列表 */ properties: { src:{ type:Boolean } }, data: { // type:false }, methods: { handleClick(){ var src = this.properties.src; console.log(src); console.log(this.data); } } }) ~~~ ### 4. json文件配置 ~~~ //定义组件 index.json { "component": true, "usingComponents": {} } ~~~ 模板的使用在pages中使用 4. 在json中注册文件 ~~~ //在要引用组件的文件中的json中配置 { "usingComponents":{ "v-success":"/components/success/index" } } ~~~ ### 5. 在wxml中直接使用 ~~~ <v-success> </v-success> ~~~