当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。即先执行混合器的created 再执行组件的created 再执行 混合器的mounted 再执行组件的mounted
<script>
import {logMixins} from '@/utils/masterLogMixins.js';
export default {
name: "DailyWork",
mixins: [logMixins],//混入 相当把 混入对象的 属性 都 写在了当前 组件里。
data: function() {
return {
};
},
props: {
},
computed: {
},
components: {
},
watch: {
},
methods: {
},
created() {
},
mounted: async function() {
}
};
</script>
masterLogMixins.js
import {voxTianShuLog} from "@/utils/index";
export const logMixins = {
data() {
return {
masterLogS0: {}
};
},
computed: {
},
components: {
},
watch: {
},
methods: {
},
mounted() {
let vm = this;
vm.masterLogS0 = {
area_name: "1111",
school_name: "1111",
user_role: 0,
page_name: "1111",
};
voxTianShuLog({
module: "m_NdRCbETke0",
op: "o_e0a2YE3VPQ",
s0: JSON.stringify(Object.assign({}, vm.masterLogS0, {screen_hight: window.screen.height, screen_width: window.screen.width}))
});
}
};