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

vue.js Vue.js

Stafan卡卡西

2020-03-10

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

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

而在其他教程中，我看到数据绑定于：

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

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

第411篇《Vue“导出默认”与“新Vue”》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答

Green卡卡西 2020.03.10

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

JinJin宝儿 2020.03.10

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

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android