extends和mixins有多大区别，使用场景？

Question

import Vue from 'vue'

const component = {
  template: '<input type="text" v-model="text"/>',
  data () {
    return {
      text: 0
    }
  },
  created () {
    console.log('component created')
  }
}

const CompVue = Vue.extend(component)

new Vue({
  el: '#app',
  extends: CompVue,
  mixins: [CompVue],
  created () {
    console.log('created')
  }
  // template: '<div><comp-one></comp-one><comp-one></comp-one></div>'
})

如图，mixins也够实现extends的功能，而且更强大。

Answer 1

Jokcy 2018-04-23 13:27:33

从功能实现上来讲，区别确实不大，你可以结合自己的场景选择用哪个

• 提问者 背着行囊独自流浪 #1

  非常感谢！