mixin混入

功能

把数个组件中的公共配置项提取为一个混入对象

使用方法

1. 定义混入

   1. 在src文件下新建一个混入的js文件

   2. 将想要进行混入处理的配置项写入该js文件

      export const showName={
          methods:{
              showName(){
                 alert(this.name) 
              }
          }
      }
      

      mixin.js文件

2. 使用混入

   1. 全局混入

      1. 在main.js文件中引入并使用

         import {showName} from '@/mixin'
         Vue.mixin(showName)
         

   2. 局部混入

      • 在需要进行混合的文件夹中引入

        import { showName } from '../mixin';
        //与data配置项同级
        mixins:[showName]