>[success] # 小程序混入
1. `behaviors `是用于组件间代码共享的特性,类似于vue2中的 `mixins`。
2. 每个 `behavior` 可以包含一组**属性、数据、生命周期函数和方法**
3. 组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用
4. 每个组件可以引用多个 `behavior `,`behavior `也可以引用其它 `behavior`
5. 混入的js 需要使用`Behavior` 函数包裹
6. 建议创建一个文件 进行统一管理
![](https://img.kancloud.cn/0b/d2/0bd210e6b7602bbc5e7c65345d671cd6_271x96.png)
~~~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存储
- 页面跳转
- 小程序登录