vue 中的 mixin 简单总结

阅读 94

2022-03-11

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

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)

0 0 举报