微信小程序 template使用

当您的项目需要多次使用同一个布局和样式的时候，您就可以考虑使用template（模板）来减少冗余代码。

很简单的例子

建立一个component

如下:

<template name="firstTest">
<view class="BackView">
<text>{{name}}</text>
</view>
</template>

在page中引入的时候

<import src="../../view/new/new.wxml"/>
<template is="firstTest" data="{{...item}}"></template>

这是 item.name 就可以赋值给template中

同样 page中引入 css样式

@import "../../view/new/new.wxss";

其他:
但是现在发现微信小程序有了

{
  "component": true,
  "usingComponents": {}
}

所以下面还有更简单的写法 再说