What are the WeChat mini program instructions?

WeChat applet instructions include: 1. "wx:for" instruction, the usage method is such as "5e6e1f35f469bc71419d4ae55fc09047{{ index }} {{ item } }"; 2. "wx:for-item" instruction, which can specify the variable name of the current element of the array; 3. "wx:for-index" instruction, which can specify the variable name of the current subscript of the array; 4. " wx:if" instruction; 5. Data binding instructions, etc.

The operating environment of this tutorial: Windows 10 system, WeChat applet official version 8.0.25, Dell G3 computer.

What are the WeChat mini program instructions?

WeChat Mini Program: Commonly used commands/components

1. Command

1.1 wx:for command

• 1.1.1 html

1. There is a built-in index/item, the former index and the latter element

{{ index }} {{ item }} index索引 item元素 

2. Modify

Use wx:for-item to specify the variable name of the current element of the array,

Use wx:for-index to specify the variable name of the current subscript of the array:

  {{idx}}: {{itemName.message}}

• 1.1.2 js

 data: {
    data_list:['大饼','洋葱']
  },

1.2 wx:if

In the frame, use wx:if="" to determine whether the code block needs to be rendered:

 1 
 2 
 3 

1.3 block wx:if

Because wx:if is a control attribute, it needs to be added to a label.

If you want to judge multiple component tags at once, you can use a 2b5957c2850173214f4ea7f1261e9a0f tag to wrap multiple components, and use the wx:if control attribute above.

Note: 2b5957c2850173214f4ea7f1261e9a0f is not a component, it is just a wrapping element that will not do any rendering on the page and only accepts control attributes

   view1 
   view2 

1.4 Data binding

• 1.4.1 html

数据1：{{message}}

• 1.4.2 js

Page({
 
  /**
   * 页面的初始数据
   */
  data: {
    message:"新年快乐",
  }
)}

2. Component (label)

2.1 view---Similar to div

2.2 image---image

2.3 text-- -span

Recommended learning: "小program video tutorial"

The above is the detailed content of What are the WeChat mini program instructions?. For more information, please follow other related articles on the PHP Chinese website!