微信小程序組件

時間 2019-11-19

標籤微信程序組件简体版

原文原文鏈接

微信小程序的特色html

1 雙線程程序一個線程用於渲染頁面一個線程用於運行腳本node

2 採用插值語法把數據插到結構中在js腳本中改變數據從而改變樣式git

3 經過數據驅動整個程序的運行小程序

4 能夠經過修改數據跟新整個頁面微信小程序

能夠經過js腳本更改數據 js腳本中的任何函數都指向該函數所在的對象該對象有一個setData方法數組

this.setData({微信

key:value函數

})this

組件就是微信小程序中構成骨架對的標籤每一個組件有這種各樣的組件屬性可供查閱 https://developers.weixin.qq.com/miniprogram/dev/index.html?t=19032811spa

view 至關於html中的div

text 至關於html中的span

rich-text 富文本組件相似於html中的節點

值能夠是html中的文案 <rich-text nodes="<div>123</div>"></rich-text>

能夠是數組<rich-text nodes="{{arr}}"></rich-text> 在對應的js文件中

data: {
    arr: [
      {
        name: "div",   name表示節點名稱   attrs表示節點屬性集合     children表示字節點集合

        attrs: { "class": "red",
          "style": "line-height: 100px" },

        children: [
          {
            type: "text",
            text: "你好"
          }
        ]
      }
    ]
  },