[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> ~~~