0
点赞
收藏
分享

微信扫一扫

vue 中的 mixin 简单总结

闲鱼不咸_99f1 2022-03-11 阅读 94

局部引用(单个组件引用)

1、创建 mixin.js 文件

export var myMixin = {
  methods: {
    hello: function () {
      console.log('hello from mixin!')
    },
    showMixin: function () {
      alert("我是Mixin")
    }
  }
}

2、在Student组件使用


全局引用

1、在main.js中引用,添加到vm中

import {myMixin} from "./mixin/mixin";

Vue.config.productionTip = false

Vue.mixin(myMixin)

 2、使用

 

 Vue官网mixins介绍

举报

相关推荐

0 条评论