1.創(chuàng)建模板文件
2.創(chuàng)建的模板文件只能使用wxml和wxss文件土至,可以在js文件中模擬邏輯操作购对,但最后這些邏輯操作是要寫在調(diào)用模板的文件的JS文件中的。因?yàn)檎{(diào)用模板的時(shí)候,模板中的JS文件是不起作用的陶因,模板中的邏輯都要在調(diào)用的文件中處理骡苞。當(dāng)然一個(gè)模板文件可以創(chuàng)建多個(gè)模板,使用標(biāo)簽創(chuàng)建模板<template></template>
注意:每個(gè)模板都是使用name屬性楷扬,給模板命名的解幽,這是模板的唯一標(biāo)識(shí),不可以重復(fù)烘苹。模板界面的搭建和普通界面的搭建方法一樣亚铁,主要注意的是在引用模板的地方。
3.引用模板
在使用模板文件的wxml的頭部中引用模板的wxml文件(注意分清誰引用誰啊螟加,錯(cuò)了是你理解能力差,不是我表達(dá)不好哦??),注意不要忘記在wxss文件中引用模板的wxss文件
在自己想要寫的位置中引用模板吞琐,此時(shí)運(yùn)行模板應(yīng)該已經(jīng)成型捆探,當(dāng)然前提是模板中沒有使用數(shù)據(jù)變量或者已經(jīng)傳遞了數(shù)據(jù),下一步要講站粟。
4.如果模板中有js相關(guān)的操作或者引入了變量黍图,這些變量和方法必須寫在引入模板的js文件中,使用的變量必須通過 template 的data屬性傳遞
在js中定義要傳遞的變量
5.最后的最后奴烙,附上demo助被,給你個(gè)參照,讓你知道為啥我行切诀,你不行揩环。。幅虑。哈哈???? ??
GitHub地址:https://github.com/conghuasijidan/wx-template-demo.git
有問題歡迎大家留言丰滑,雖然我不一定及時(shí)的看到并回復(fù)你,但不噴白不噴嗎倒庵?(方言)