Vue mixins extend

Posted mengfangui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue mixins extend相关的知识,希望对你有一定的参考价值。

const mixins = {
  created () {
    console.log(‘mixins created‘)
  }
}
const mixins2 = {
  created () {
    console.log(‘mixins2 created‘)
  }
}
const extend = {
  created () {
    console.log(‘extends created‘)
  }
}
export default {
  mixins: [mixins, mixins2],
  extends: extend,
  created () {
    console.log(‘组件 created‘)
  }
}

控制台输出:

技术分享图片

extends只能继承一个
mixins可以多个

以上是关于Vue mixins extend的主要内容,如果未能解决你的问题,请参考以下文章

Vue mixins extend

vue的extends的使用

深入浅析Vue中mixin和extend的区别和使用场景

vue中extend,mixins,extends,components,install的几个操作

vue中extend,mixins,extends,components,install的几个操作

关于SASS的一些碎碎念