1.创建模板文件
2.创建的模板文件只能使用wxml和wxss文件,可以在js文件中模拟逻辑操作,但最后这些逻辑操作是要写在调用模板的文件的JS文件中的。因为调用模板的时候,模板中的JS文件是不起作用的,模板中的逻辑都要在调用的文件中处理。当然一个模板文件可以创建多个模板,使用标签创建模板<template></template>
注意:每个模板都是使用name属性,给模板命名的,这是模板的唯一标识,不可以重复。模板界面的搭建和普通界面的搭建方法一样,主要注意的是在引用模板的地方。
3.引用模板
在使用模板文件的wxml的头部中引用模板的wxml文件(注意分清谁引用谁啊,错了是你理解能力差,不是我表达不好哦🤣),注意不要忘记在wxss文件中引用模板的wxss文件
在自己想要写的位置中引用模板,此时运行模板应该已经成型,当然前提是模板中没有使用数据变量或者已经传递了数据,下一步要讲。
4.如果模板中有js相关的操作或者引入了变量,这些变量和方法必须写在引入模板的js文件中,使用的变量必须通过 template 的data属性传递
在js中定义要传递的变量
5.最后的最后,附上demo,给你个参照,让你知道为啥我行,你不行。。。哈哈🤓😎
GitHub地址:https://github.com/conghuasijidan/wx-template-demo.git
有问题欢迎大家留言,虽然我不一定及时的看到并回复你,但不喷白不喷吗?(方言)