1.模板的使用(总感觉和组件的效果差不多),需要注意的是,使用时的data如果直接写‘死’,例如data="{{view1:'aa',view2:'bb'}}",会报错,需要写在js的data中
//1.新建一个wxml文件
<template name="temp1">
<view>{{view1}}</view>
<view>{{view2}}</view>
</template>
//2.在需要使用的page里
<import src='文件路径'/>
<template is="temp1" data="{{...temp1}}"/>
//3.data的定义
data: {
temp1:{
view1:'aa',
view2:'bb'
}
},.......
2.wxs的使用(可以用于对数据的过滤),例子中传入的32可以定义在data中
//1.新建一个wxs文件,相当于一个js文件
function test(num){
return num*2
}
module.exports={
test:test
}
//2.使用时
<wxs src='wxs文件路径' module='自命名'></wxs>
<view>{{自命名.test(32)}}</view>
3.函数传参(必须通过data-)
//在wx:for进行渲染时
<button bind-tap='tap' data-index='{{index}}'></button>
//在js中
tap(event){
event.target.dataset.index.........
}
4.import与include对比
import引用作用域是有限制的,引用页面只能使用被引用页面的模板,不能使用被引用页面中引用其它页面模板的模板,相反include可以做到,但是include时直接引入整个wxml,不能引入template