微信小程序_template模板与component组件的区别和使用_学习记录

前言：

除了component，微信小程序中还有另一种组件化你的方式template模板，这两者之间的区别是，template主要是展示，方法则需要在调用的页面中定义。而component组件则有自己的业务逻辑，可以看做一个独立的page页面。简单来说，如果只是展示，使用template就足够了，如果涉及到的业务逻辑交互比较多，那就最好使用component组件了。

一. template模板:

1. 模板创建：

建议单独创建template目录，在template目录中创建管理模板文件。

由于模板只有wxml、wxss文件，而且小程序开发工具并不支持快速创建模板，因此就需要直接创建wxml、wxss文件了，一个template的模板文件和样式文件只需要命名相同即可。如果模板较多，建议在template目录下再创建子目录，存放单独的模板。

2. 模板文件：

template.wxml文件中能写多个模板，用name区分：

	1 <template name="demo">
    2 <view class='tempDemo'>
    3   <text class='name'>FirstName: {
   {
   firstName}}, LastName: {
   {
   lastName}}</text>
    4   <text class='fr' bindtap="clickMe" data-name="{
   {'Hello! I am '+firstName+' '+LastName+'!'}}"> clcikMe </text>
    5 </view>
    6 </template>

3. 样式文件：

    模板拥有自己的样式文件（用户自定义）。
   

    1 /* templates/demo/index.wxss */
    2 .tempDemo