Vue“导出默认”与“新Vue”

我刚刚安装了Vue,并且一直在遵循一些教程来使用vue-cli Webpack模板创建项目。创建组件时,我注意到它在以下内容中绑定了我们的数据:

export default {
    name: 'app',
    data: []
}

而在其他教程中,我看到数据绑定于:

new Vue({
    el: '#app',
    data: []
)}

有什么区别,为什么两者之间的语法看起来不同?我在从由vue-cli生成的App.vue中使用的标签内部获取“新Vue”代码的工作时遇到麻烦。

Green卡卡西2020/03/10 10:13:35

export default 用于为Vue组件创建本地注册。

这是一篇很棒的文章,解释了有关组件的更多信息 https://frontendsociety.com/why-you-shouldnt-use-vue-component-ff019fbcac2e

JinJin宝儿2020/03/10 10:13:35

第一种情况export default {...} 是ES2015语法,用于使某些对象定义可用。

第二种情况(new Vue (...))是用于实例化已定义对象的标准语法。

第一个将在JS中用于引导Vue,而两个都可用于构建组件和模板。

有关更多详细信息,请参见https://vuejs.org/v2/guide/components-registration.html