>[success] # 小程序混入
1. `behaviors `是用于組件間代碼共享的特性,類似于vue2中的 `mixins`。
2. 每個 `behavior` 可以包含一組**屬性、數據、生命周期函數和方法**
3. 組件引用它時,它的屬性、數據和方法會被合并到組件中,生命周期函數也會在對應時機被調用
4. 每個組件可以引用多個 `behavior `,`behavior `也可以引用其它 `behavior`
5. 混入的js 需要使用`Behavior` 函數包裹
6. 建議創建一個文件 進行統一管理

~~~js
export const counterBehavior = Behavior({
data: {
counter: 100
},
methods: {
increment() {
this.setData({ counter: this.data.counter + 1 })
},
decrement() {
this.setData({ counter: this.data.counter - 1 })
}
}
})
~~~
* 使用
~~~
import { counterBehavior } from "../../behaviors/counter"
Component({
behaviors: [counterBehavior]
})
~~~
- 小程序了解
- webview 是什么
- Native App、Web App、Hybrid App
- 小程序架構模型
- 小程序配置文件
- app.js -- App函數
- 頁面.js -- page
- 生命周期????
- 小程序 -- 頁面wxml
- 小程序 -- WXS
- 小程序 -- 事件
- 小程序 -- 樣式wxss
- 小程序 -- 組件開發
- 小程序 -- 組件插槽
- 小程序 -- 組件的生命周期
- 組件總結
- 小程序 -- 混入
- 小程序基本組件
- text -- 文本
- view -- 視圖容器
- button -- 按鈕
- image -- 圖片
- scroll-view -- 滾動容器
- input -- 雙向綁定
- 通用屬性
- 小程序常用Api
- 微信網絡請求
- 微信小程序彈窗
- 微信小程序分享
- 獲取設備信息 / 獲取位置信息
- Storage存儲
- 頁面跳轉
- 小程序登錄