案例:微信小程序-自定義組件 相關代碼:微信小程序自定義組件源碼 組件化的剖析過程: 注意: 1. 基礎知識:ES6 class, 參考:class 2. Object.assign() 等Object的方法,參考Object.assign() 具體的組件化方案 ...
案例:微信小程序-自定義組件
相關代碼:微信小程序自定義組件源碼
組件化的剖析過程:
注意:
1. 基礎知識:ES6 class, 參考:class
2. Object.assign() 等Object的方法,參考Object.assign()
具體的組件化方案參考:寫一個微信小程序自定義公共組件
注意的是:
template 使用展開的數據是 data="{{ ...obj }}"
,
<template is="box" data="{{...obj}}"/>
若page.data
上沒有定義 obj , 在template 內使用wx:for循環(huán)輸出列表會報錯,就算在onLoad事件上setData也是有誤的。
VM18377:2 firstRender not the data from Page.data
firstRender not the data from Page.data;firstRender not the data from Page.dataError: firstRender not the data from Page.data
所以最好在data中加入一個空的obj: {}. 如果不需要用到wx:for的可以忽略。