微信小程序中temp是什么

微信小程序 template

_大叔_

2020-04-14 20:43·字数:489·阅读:196

关于 template 的基本使用我这里就不说了，大家可看文档，传送门。

接下来要说的是关于 template 在使用的时候出现的一些问题。

一、template 的含义斗者颂

template 就是模板的意思，只要我们刻画出来后不管在任何地方使用，他都是一个样子，但是在微信小程序里不完全是，微信小程序在 template 上有 data 属性，意思就是我们可以传数据进去，不管你是传样式，还是改变模板的内容都是可以的。

二、template 使用 wxs语法

我以为只有我一个人碰到了，但并不是，我们先看看类嫌银似碰到的人怎么说：

然而最屌的还是官方：

我也遇到了类似的问题在 template 使用 wxs 导致调用了多次(不止两次)，我可不相信这是一个正常现象，执行多遍不浪费性能嘛？(真想不明白微信为什么不直接使用VUE算了，你自己封装也得让人用着没问题才是，装什么B)

emmmm...没办法，问题还是要解决的，自己在这瞎折腾也不可能一时半会就解决的，解决方式要么欺骗自己(调一次执行6遍，调两次执行12遍)，要么不要封装 template，要么就是数据在得到的时候先处理掉，在传入 template，要么就是让后端帮忙处理掉。

三、template 中引用图片的路径问题

其实很简单，template中，如果有多处空郑引用了 同一个模板，且模板在不同层级的目录中引用，模板中的图片会 500错误，简单意思就是找不到的呢。建议把图片放到公网环境。

小程序在使用时，经常会在不同的页面用到相同的页面结构，这个时候我们如果一个个写的话没有必要，这个时候可以使用模板（template）或者组件（component）。

二者区别 在于：

1、需要定义模板：一个template.wxml文件中能写多个模板，用name区分，

下面定义两个模板

2、使耐迅庆用这两个模板，在对应的wxml文件引入：

3、上面在模板content里定义了点击事件subtractNum方法，因为template中没有js文件，因此template中的点击事件，在使用页面中的js里定义。

建议将有子列表昌握 *** 作交互的写成component。

示例：

对应组件的wxml跟page里的wxml一样：

2、使用自定义组件前，首先要在页面的 json 文件中进行引用声明。此时需要提供每个自定义组件的标签名和对应的自定义组件文件路径

这样，在页面的 wxml 中就可以像使用基础组件一样使用自定义组件。节点名即自定义组件的标签名，节点属性即传递给组件的属性值昌裤。

下一节将进入如何 组件向父级传值（组件通信）

---