Nhảy tới nội dung

Mixins

Cập nhật lần cuối vào

Khi implement nhiều Custom Component, và các Custom Component này có nhiều logic sử dụng chung, bạn có thể dùng mixins để sử dụng lại các code logic.

/mixins/lifecycle.js
export default {
onInit() {
console.log('init');
},
deriveDataFromProps(nextProps) {},
didMount() {},
didUpdate(prevProps, prevData) {},
didUnmount() {}
};
/components/index/index.js
import lifecycle from '/mixins/lifecycle';

const initialState = {
data: {
isLogin: false
}
};

const defaultProps = {
props: {
age: 30
}
};

const methods = {
methods: {
onTapHandler() {}
}
};

Component({
mixins: [lifecycle, initialState, defaultProps, methods],
data: {
name: 'tiki'
}
});
/components/index/index.txml
<view>{{name}}: {{age}}</view>