微信小程序的组件与模板的使用&传值及注意点

微信小程序：
一： 如何将组件应用到页面当中
组件：（1） 在js中properties里设置的组件名称（例如course）

       properties: {
       	//组件名称： 组件类型
              mydata:Object
            },

页面：（1）wxml中<组件名称 course=“数据”>

//< 组件名称  />
<course course="{{item}}"/> 

（2） 在json中设置："usingComponents"：{"组件名称":"组件的根路径"}

{
  "usingComponents":{
  //组件名称： 组件的路径
      "course": "/components/course/course"
  }
}

二： 模板如何应用到页面上；
模板：

 <template name="模板名称"></template>

页面：

<template is="模板名称">

三： 如何将在数据传输（模板与页面之间）；

（1）在页面的js 中定义数据；再在wxml中	<template is="模板名称"data="{{数据名		        称}}">（可以使用扩展运算符...）

(2)在模板中直接使用；{{数据对象中的名称 }}

四： 父页面给子组件传值（组件与页面之间）；
（1）页面：<组件名称 course="数据">
（2）组件： 直接使用{{数据对象中的名称 }}

##子组件传值给父页面
子组件:

this.triggerEvent(xxx)

父页面:

注册事件，写好处理函数

模板和组件之间的注意点 ：

（1）模板是只有wxml和wxss，没有逻辑的；组件都有；
(2) 组件与模板都是不能单独使用的。必须在页面的展示；
（3）模板的样式和结构必须得在使用的页面上导入（import 模板名称 form 路径）

其他补充：（1） 所以的值只要不是字符串都要以双括号括起来{{}}

（2）：组件和模板的共同点和不同点：（参考）
共同点：
（1）模版和自定义组件，都不能单独呈现出来，必须依附页面
不同点：

   1、模版功能简单一些，组件功能完善一些，模版的wxml和wxss必须在使用的页面中导入，但是我们的组件不需要这种导入的写法
	
	2、模版没有自己的逻辑代码，所以逻辑处理要放在使用模版的页面，而组件是有自己的业务逻辑处理能力，所以写在自己的js中
	
	3、应用场景不一样，模版适用于单纯的展示内容操作，它里面也不需要有比较复杂的业务逻辑，而组件功能强大一些，可以处理更加复杂的业务逻辑

（3）在wxml中可以应用简单的运算；详情请参考官方说明–>
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/data.html

官方参考请前往：https://developers.weixin.qq.com/miniprogram/dev/index.html