mixin

作者: sweetBoy_9126 | 来源:发表于2019-04-19 00:10 被阅读0次

使用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>

相关文章

网友评论

      本文标题:mixin

      本文链接:https://www.haomeiwen.com/subject/xicfgqtx.html