小程序組件化封裝引導
發布時間：2017-12-05 08:58 所屬欄目：小程序開發教程
案例：微信小程序-自定義組件 相關代碼：微信小程序自定義組件源碼 組件化的剖析過程： 注意： 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循環輸出列表會報錯，就算在onLoad事件上setData也是有誤的。
VM18377:2 firstRender not the data from Page.datafirstRender not the data from Page.data;firstRender not the data from Page.dataError: firstRender not the data from Page.data
所以最好在data中加入一個空的obj: {}. 如果不需要用到wx:for的可以忽略。
