wx小程序-----取经之路

此博文不定期更新中，收集小程序开发过程中的一些有意思的部分。

此博客各个模块由三部分组成，标题+注意点+示例代码

目录

1.公共组件import与template的使用

---

1.标题：公共组件import与template的使用

注意点：引用组件template部分必须写data，不然组件显示不出来

栗子:

公共组件代码，定义template

<template name="compTabBar">
  <view class="comtabbar" wx:for="{{list}}" wx:key="idx" wx:for-item="itemName">{{idx}}: {{itemName.name}}</view>
</template>

引用组件，wxml部分代码，is属性引用定义的template（引用组件template部分必须写data，不然组件显示不出来）

<import src="../../components/tab-bar/tab-bar.wxml"/>
<template is="compTabBar" data="{{list: tabBarList}}"/>

引用组件，wxss部分代码

@import "../../components/tab-bar/tab-bar.wxss";

引用组件，js部分代码

Page({
  data: {
    "tabBarList": [{
      name: "tab1"
    }, {
      name: "tab2"
    }]
  },
})