Vue的API ===> Vue.mixin (全局混入)

197 阅读1分钟

1. 为什么要使用Vue.mixin

解决了不同的组件调用相同的数据函数可以进行抽离

1.1 vue.mixin 的作用

就是函数的复用

2. Vue.mixin 的使用

vue.mixin({})

vue.mixin()里面是是一个对象 而对象里面可以写Vue的所有钩子函数 比如

image.png

在Vue.mixin里面的data钩子函数中定义的数据,任意地方都可以使用 比如

image.png 效果图

image.png

3. Vue.mixin 实现的原理

实现的原理:就是挂载到了Vue原型上(Vuex就是利用的vue.mixin)

image.png