微信小程序 组件

今天学习一下微信小程序的组件.

官网上解释地也很清楚了.

首先创建一个组件,  右键->新建component

新建的josn文件是这样的

{

  "component": true,   --->组件,表示当前内容组件

  "usingComponents": {}  --使用组件

}

而js文件呢:

　　Component({

 　　 // 组件的属性列表  接收父组件的传参

  　　properties: {

　　　　参数:{

　　　　　　　　type:String,

　　　　　　　　value:''

　　　　　　}

  　　},

　　　　//数据

  　　data: {

  　　},

　　//方法

  　　methods: {

  　　}

　　})

在需要使用组件的文件中---json文件

　　"usingComponents": {'名字':'组件路径'}

　　　直接在wxml中使用  <名字>  就可以了  

　　　　传参的话   <名字  参数='值'>