提取共用的js (components、methods 、computed、data)的配置项,混入组件时选项会被合并。若冲突,优先组件 (即组件js覆盖 )
注意:生命周期钩子 ~若相同~ 直接全都要
步骤一:创建src/mixins/xxx.js文件,
export const mixins1={
methods:{showName(){alert(this.name)},},
mounted(){console.log('hi')}
}
export const mixins2={
methods:{showName(){alert(this.name)}},
mounted(){console.log('hi')},
}
步骤二:组件中,引入+使用
<script>
import { mixins1,mixins2 } from '@/mixins/mymixins';
export default {
mixins:[mixins1,mixins2]
}