15.Vue3.x中的Mixin实现组件功能的复用 、全局配置Mixin

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

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

1. 新建mixin/baseMixin.js

   const baseMixin = {
        
       data() {
        
           return {
        
               apiUrl: "https://www.baidu.com",
           };
       },
       methods: {
        
           success() {
        
               console.log("我是公共混入对象，成功！");
           },
       },
   };
   export default baseMixin;
   

2. 在需要使用的组件中使用

   <template>
     <div>
       新闻组件---{
       {apiUrl}}
       <br>
       <button @click="success