Vue mixins extend

最新推荐文章于 2025-09-13 09:06:35 发布

转载最新推荐文章于 2025-09-13 09:06:35 发布 · 66 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mengfangui/p/9195783.html

文章标签：

#javascript #ViewUI

本文介绍了Vue中使用mixins和extends进行代码复用的方法。通过示例代码展示了如何定义和使用mixins及extends，并解释了两者之间的区别：extends只能继承一个基类，而mixins可以同时使用多个。

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')
  }
}

控制台输出：