开发者有时可能会实现多个自定义组件,而这些自定义组件可能会有些公共逻辑要处理,小程序提供 mixins 用于解决这种情况。
以下为示例:
// /minxins/lifecylce.jsexport default {onInit(){},deriveDataFromProps(nextProps){},didMount(){},didUpdate(prevProps,prevData){},didUnmount(){},};
说明:
onInit 与 deriveDataFromProps 自基础库 1.14.0 开始支持,可以使用 my.canIUse('component2') 做兼容判断。
// /pages/index/index.jsimport lifecylce from './minxins/lifecylce';const initialState = {data: {isLogin: false,},};const defaultProps = {props: {age: 30,},};const methods = {methods: {onTapHandler() {},},}Component({mixins: [lifecylce,initialState,defaultProps,methods],data: {name: 'alipay',},});
该文章对您有帮助吗?