微信小程序如何使用template

来源:互联网 发布:紫猫编程学院 编辑:程序博客网 时间:2024/06/16 23:02

微信小程序如何使用*template*
这两个刚刚接触微信小程序在大概了解小程序的框架和开发文档的情况下开始了我的第一个微信小程序项目—仿美团生活。
在了解template是发现这个模板文件能够降低代码重构,提高代码的复用性,对于他的使用听我慢慢道来。
template可以通过本身的index页面使用也可以通过外部引入。

  1. 页面内使用:在页面内直接声明一个template并且引用代码如下:<template name='myTest'>{{item}}<text></text></template>//声明一个template <template is="myTest" data="{{item}}"></template>//引用
  2. 外部import导入:你在另一个目录下写了一个template当你要使用的时候需要<!-- 声明引入的模板文件 -->
    <import src="../public/public.wxml" />
    并且如你的template如果有样式的时候也要在新的页面导入你的wxss@import"../public/public.wxss";,这样就可以使用了
    不过我在使用过程中遇到了一个问题就是我在template传两个数据进去的时候data="{{item.a,item.b}}"
    发现这样是不行的后面我查了查知道如果你想传多个数据进去可以{{...item}},这样就可以了,进一步查发现“…”是扩展符,它能将对象扩展出去。
原创粉丝点击