关于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内的属性

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理