Vue Mixins混入的使用~

177 阅读1分钟

局部mixins

//mixins.js
export const myMixins = {
    data () {
        return {
            name: 'wyh'
        }
    },
    created () {
        console.log('布局minins')
    }

}
// 使用
<script>
import { myMixins } from './mixins.js'
export default {
    mixins: [myMixins], //使用mixins 会打印布局minins 也能使用里边定义的数据
    data () {
        return {
            name: 'james', // 如果存在和mixins相同的属性会覆盖mixins
        }
    },
}
</script>

全局mixins

// main.js
Vue.mixin({
    created () {
        console.log('我是全局mixin')
    }
})