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

作者:努力前行原文地址:https://segmentfault.com/a/1190000043794311

%s 个评论

要回复文章请先登录注册