官方文檔：(developers.weixin.qq.com/miniprogram…)

細看文檔才發(fā)現(xiàn)，組件的CSS選擇器是有限制的。其中最主要的一點就是只能使用類選擇器。

我在attached和show生命周期函數中分別寫個log，如圖所示，控制臺毫無反應。

官方文檔：(developers.weixin.qq.com/miniprogram…)

查閱文檔后，知道了是我的基礎版本過低，無法使用lifetimes和pageLifetimes，在開發(fā)者工具中調試版本：

當某個page頁面是由多個component組成的時候，該page頁使用了flex布局，而在某個子組件中使用flex-grow無效。

組件flex-grow子所以無效，是因為微信小程序在自定義組件上封裝了一層view，因此設置flex-gorw無效，解決方法在上面鏈接。

修改內置組件樣式：在組件外層包裹一個view，

修改自定義組件樣式：需要在組件Component構造器的選項中添加externalClasses配置

/*custom-component.js*/
Component({
	externalClasses:['my-class','test'],
    data:{}
})
/*custom-component.wxml*/
/*在引用組件的wxml*/

復制代碼

但是，我發(fā)現(xiàn)即便如此，也不能修改組件內置的padding和margin樣式，如果非要修改可使用!import，其實這就是涉及到一個選擇器優(yōu)先級的問題。

• 選擇器名越詳細優(yōu)先級越高。
• !important優(yōu)先級最高。

5.沒有像Vue的vuex和React的redux那樣的狀態(tài)管理？

Omix（讀音 / [?om?k?:s] /, 漢字類似于 歐米可思） 是一款使用 JSX 或者 hyperscript 創(chuàng)建Web用戶界面的組件化框架，故得名：Omix。

具體使用方法查看官方文檔:(cloud.tencent.com/developer/a…)

可使用omi-cli快速搭建腳手架，

yarn global add omi-cli      //安裝CLI
omi init-x [project name]   //初始化項目  x意思是使用omix初始化項目 
復制代碼

• API

1. create(store, option) 創(chuàng)建頁面，
2. store 從頁面注入，可跨頁面跨組件共享
3. create(option) 創(chuàng)建組件
4. this.store 和 this.data 全局 store 和 data，頁面和頁面所有組件可以拿到， 操作 data 會自動更新視圖
5. 不需要注入 store 的頁面或組件用使用Page和Component 構造器, Component 通過 triggerEvent 與上層通訊或與上層的 store 交互