2024年06月14日 建站教程
vue语法中有一个mixin的函数，它主要是用来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。
子组件A
<template>
<div class="views__home__sub-model-a"></div>
</template>
<script>
import mixin from './mixin.js';
export default {
mixins: [mixin],
mounted() {
console.log('sub-model-a', 'mounted');
}
};
</script>
子组件B
<template>
<div class="views__home__sub-model-b"></div>
</template>
<script>
import mixin from './mixin.js';
export default {
mixins: [mixin],
mounted() {
console.log('sub-model-b', 'mounted');
}
};
</script>
mixin.js封装
export default {
mounted() {
console.log('mixin', 'mounted');
}
};
本文链接：http://so.lmcjl.com/news/6538/