vue混入mixin的使用

混入其实和一个vue的页面一样,有声明周期,函数,过滤器等等,页面有的混入里也都有
下面是一个全局混入的实例:

• 1.创建mixin/index.js
  
  mixin/index.js:

export default {
    install: (Vue) => {
        Vue.mixin({
            methods: {
                addddd(){
                    console.log("use mixin")
                }
            }
        })
    }
}

• 2.main.js引入

import mixin from './mixin';
Vue.use(mixin);

-3.页面中使用

export default {
    name: "category",
    data(){ return { } },
    mounted(){ 
        this.addddd()  // => "use mixin"
    },
    methods: { }
}