Small program learning path 1 - getting to know small programs

Registered account

1. Go first WeChat public platform Registered account

2. Download wechat developer tools

3. Open the wechat developer tool wechat scanning QR code to log in , Create a new item after login . I chose not to use cloud services , Cloud services are similar to providing you with servers for free , It's backstage . Then type in your appId.

Directory structure

A page , A folder , Just index Folder

• js The file deals with your logic
• wxml The file is similar to your html file
• wxcss The file is similar to your css file
• json Files are configuration files ( I haven't learned this yet )

Hello World

index.wxml Code

<!--index.wxml-->
<view class="container">
{
   { message }}
</view>

index.js Code

Page({
    
  data: {
    
    message: 'hello world1'
  }
})

Such a Hello world It's coming out.

List loop

index.js Code

Page({
    
  data: {
    
    books: ['java', 'python', 'javaScript']
  }
})

index.wxml

<block wx:for="{
     {books}}" wx:key="*this">
<view>{
   { item }}</view>
</block>

*this I mean this item term ,item It's every item in the array

result :

summary

Fortunately, I did vue, I feel confused when I start the applet directly .

• The list loop is also bound key Of .
• wx:for Namely vue Of v-for,*this Refer to item,item It's every item in the array
• block I understood as a vue Of template node , Because it does not generate additional nodes