vue 分解写法怎么写？

Question

vue 分解写法怎么写？

现在模块里面东西太多了，想简化以前用过vue的一个属性可以做到，但是忘了。效果就是能将data和methods放在另一个文件中。

Answer 1

混入

Answer 2

2 or 3？

假设是 2 好了：

// a.js
export default {
  data() {
    return balabala;
  },
  methods: {
    foo() {},
    bar() {}
  }
}

// b.vue
<script>
    import a from './a'
    export default {
        ...a // 利用展开运算符来合并
    }
</script>