乐趣区

关于vue.js:Vue全局公共服务类mixin

首先,简略介绍下 mixin:

Mixin 是面向对象程序设计语言中的类,提供了办法的实现。其余类能够拜访 mixin 类的办法而不用成为其子类

Mixin 类通常作为功能模块应用,在须要该性能时“混入”,有利于代码复用又防止了多继承的简单

在 Vue 中,mixin(混入),提供了一种非常灵活的形式,来散发 Vue 组件中的可复用性能。

实质其实就是一个 js 对象,它能够蕴含咱们组件中任意性能选项,如 data、components、methods、created、computed 等等咱们只有将共用的性能以对象的形式传入 mixins 选项中,

当组件应用 mixins 对象时所有 mixins 对象的选项都将被混入该组件自身的选项中来在 Vue 中咱们能够部分混入跟全局混入

部分调用:

 data(){return:{}
 },
 created() {this.hello() 
 }, 
 methods: {hello () {console.log('hello from mixin!')
   }  
}

全局调用:

首先,创立一个文件夹 mixin 并在外面创立一个 js 文件,例如 index.js

data(){
    return:{name:'hello'}
},
mounted(){},
created(){},
method:{}

局挂载实现 mixin 后,在页面中咱们能够间接调用 mixin 内定义的办法体,以及 data 内的属性

退出移动版