Vue中的mixin的混入使用

374 阅读1分钟

获取组件的名称  this.$options.name

mixin 设置数据混入公共,可封装成插件,配置灵活(请求公共请求数据置点)

定义公共的vuex的数据


此时我已经是可以拿到num的值,也就是很多组件需要的数据,那接下来我们需要去判断是哪些路由组件需要用到这个数据分发过来,其次,如果是多个路由组件我们是不是该封装成个方法,提供后期的配置灵活性

方法的封装,包括mixin的使用,组件名的获取,对需要同个数据的路由组件名的遍历


将main的定义过去的方法赋值在myOptions中,目的是遍历出是哪块过来的组件名称,在抛出

在main中进行引用全局

import myPlugin from './myPlugin';//可配置性插件Vue.use(myPlugin(['about','home']));