开发者有时可能会实现多个自定义组件,而这些自定义组件可能会有些公共逻辑要处理,小程序提供 mixins 用于解决这种情况。
以下为示例:
// /minxins/lifecylce.js
export default {
onInit(){},
deriveDataFromProps(nextProps){},
didMount(){},
didUpdate(prevProps,prevData){},
didUnmount(){},
};
说明:
onInit
与 deriveDataFromProps
自基础库 1.14.0
开始支持,可以使用 my.canIUse('component2')
做兼容判断。
// /pages/index/index.js
import 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',
},
});
文档内容是否对您有帮助?