mixin混入混合和局部样式

本文最后更新于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>