微信小程序wxm标签-微信小程序（WXM模板文件二）-小程序标签-即速应用

微信小程序wxm标签-微信小程序（WXM模板文件二）-小程序标签

浏览量：3708 时间：2020-03-20 来源：模特

1.循环指令key属性补充Vue和React框架用遍历指令时的key值不建议用index（1）key值在没有删除插入操作时只要是唯一值也无所谓，即此时为index索引也可以（2）如果有删除或者插入的操作，后一位会继承删掉的index，这时的key写不如不写，本来key是为了让遍历性能优化的操作，这种可能重复或者改变的key值，不仅不会优化还会影响性能（3）index作为:key值，有可能导致第一次执行循环体初始化失败，正确的做法是尽量使用理想的key值，比如每项都有的唯一id或者名字
2.例如：用id作为wx:key值WXML语法—条件渲染（1）wx:if在框架中，使用wx:if=""来判断是否需要渲染该代码块：
viewwx:if="{{ifArea}}"条件渲染数据/view
3.data初始化数据：ifArea：true渲染结果：view条件渲染数据/view`ifArea为false时则不会解析代码。（2）wx:if数据：可以用wx:elif和wx:else实现多路分支：
4.data初始化数据data:19渲染结果：view成年/view
block标签：block/并不是一个组件，它仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。
5.hidden隐藏元素除了wx:if可以控制元素显隐外，hidden属性也可以控制显隐data初始化数据中：hiddenValue：true，*注意：hidden元素对块状布局才生效。wx:ifvshidden①wx:if的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染②wx:if是惰性的，切换开销大，但初始化开销小③hidden组件始终会被渲染，只是简单的控制显示与隐藏④一般来说，wx:if有更高的切换消耗而hidden有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用hidden更好，如果在运行时条件不大可能改变则wx:if较好。WXML语法—模板（1）WXML提供模板template，可以在模板中定义代码片段，然后在不同的地方调用。例如：信息通报展示模板制作步骤①template.wxml定义模板②在其他页面通过import和include引入③使用is属性，声明需要的使用的模板，然后将模板所需要的data传入1）定义模板并命名例如在template.wxml中定义模板并命名2）在其他页面通过import或者include引入例如在test.wxml文件通过import引入（3）使用is属性，声明模板，然后传入data（4）最终渲染结果同理，在别的页面也可以调用模板，然后传入数据WXML语法—引用WXML提供两种文件引用方式import和include（1）importimport可以文件中使用目标文件定义的template，正如之前案例所示。（2）includeinclude可以将整个代码引入，相当于是拷贝到include位置WXML语法—共同属性所有wxml标签都支持的属性称之为共同属性WXML语法—自定义属性event.currentTarget.data.event.currentTarget代表的是注册了监听点击事件的组件