本文最后更新于2022.05.14-16:27，某些文章具有时效性，若有错误或已失效，请在下方留言或联系涛哥。
如何使用配置
import{info,userMsg} from '../mixin.js'<template>
<div>
<h1>子组件</h1>
<h1>{{msg}}</h1>
<button @click="show">你点试试</button>
</div>
</template>
<script>
import{info,userMsg} from '../mixin.js'
export default {
name:'BiliBili',
mixins:[info,userMsg]
}
</script>
<style scoped>
*{margin: 0;padding: 0;}
</style>mixin.js配置
export const info = {
methods:{
show(){
alert('试试就试试');
}
}
}
export const userMsg = {
data(){
return{
msg:'混入和混合'
}
}
}局部样式(避免组件之间的样式重复)
<style scoped>
</style>
