Vue3中的mixin介绍和使用

一、Vue3.x中的mixin介绍使用

混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。

1、新建mixin/base.js

const baseMixin = {
   
    data() {
   
       return{
   
            apiDomain: "http://www.itying.com"
       }
       
    },
    methods: {
   
        success() {
   
            console.log('succss')
        },
        error() {
   
            console.error('error')
        }
    }
}

export default baseMixin;

2、使用mixin

<template>
<div>
    首页模板--{
   {
   apiDomain}}
</div>
</template>

<script>
import BaseMixin from '../mixin/base'
export default {
   
    mixins: