混入

混入

全局混入

把公共的东西封装起来,放到混入对象中,有需要的时候,直接使用

混入的语法格式:

需要把混入写在main.js中,必须在实例化对象之前

Vue.mixin({

数据

data(){

return{键:值}

}

如果在混入中声明了变量,在组件中也有同名的变量,组件中的变量会覆盖混入中的变量

在混入中的钩子函数,不会被new对象中的组件中的钩子函数覆盖

created(){

}

如果混入中声明了自定义方法,在组件中也有同名的方法,组件中的方法会覆盖混入中的方法

methods:{

方法名(){

}

}

方法

系统方法(生命周期钩子函数)

自定方法

})

new Vue({

render:h=>h(App)

....

})

局部混入

运行原理和全局混入一致,就是语法发生了改变,我们的局部混入需要引入(在哪个中使用就在哪个组件中引入)

局部混入是一个单独的文件

在src/目录中创建一个目录,存储局部混入的

src/

mixin/

test.js

在组件中如果需要使用,需在在组件中使用引入:import test from "./mixin/test.js"

在当前组件中进行注册混入

mixins:[test,xxx]