使用mixin的时候导出的对象里的方法必须写成es5的键值对形式,不能写成es6的否则会报错说没有定义
- test.js
const mixin = {
data(){
return {
msg: '信息',
num: 1
}
},
methods: {
//正确写法
changVal: function(val){
console.log(val)
}
//错误写法
//changVal(val){
// console.log(val)
//}
}
}
- test.vue
<template>
<div class="test">
<span @click="changeVal('你好')">点我</span>
</div>
</template>
<script>
import mixin from 'js/test.js'
export default {
name: 'test',
mixins: [mixin]
}
</script>