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的使用(可以用于對數(shù)據(jù)的過濾),例子中傳入的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.函數(shù)傳參(必須通過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