微信小程序的标签和指令如何使用？

一、微信小程序的常用标签有哪些？

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QBto7C6T-1617888107657)(C:\Users\liubin\Pictures\微信截图_20210408204116.png)]

.wxml后缀的文件相当于html文件，用来书写结构代码，其中的一些标签和正常的html中的标签有出入，被替代或者没有了。**

1. view标签：是一个块级标签，相当于普通H5中的div
2. text标签：是一个行内标签 相当于span
3. button：按钮
4. block:是一种不会渲染到页面的标签  相当于vue中template标签,起到一个逻辑组织代码块的作用
5. image:插入图片

二、微信小程序常用指令有哪些？

小程序的常用指令

1.遍历：wx:for  相当于vue的v-for
(1)直接写循环的数组
小程序中的wx:for="{
  {循环的数组}}",不再需要v-for="item in 数组"，直接把数组放进插值表达式中{
  {}}。

(2)默认的遍历每项用item表示
小程序中默认设置了item对应循环的数组每一项，可以在循环中直接用。相当于v-for="item in arr"中的item    

(3)默认的下标用index表示     
 小程序中也默认设置了循环的数组每一项的下标，可以直接使用，相当于v-for="(item.index) in arr"中的index 。
 
(4)通过wx:for-index="自定义下标名称" 实现下标自定义

(5)通过wx:for-it