Vue文件中的vue写法问题

老师以前演示的，都是在script里面新建一个vue，比如
new Vue({

data (){

return {}

}

})
而且，之前学习es6的export deafult 是导出js里面信息的意思，可以为什么现在在vue模板里面，不用创建vue对象，直接导出，就能实现了呢

qq_在马路上喝汤_0 2022-05-20

源自：Django+Vue全栈开发慕旅游网首页 4-4 热门推荐组件开发（下）

12

收起

1回答

好帮手慕燕燕 2022-05-20 11:59:47

同学，你好！入口文件main.js中已经创建了Vue对象，项目启动后会使用这个Vue对象，可结合项目加载的过程理解一下，index.html -> main.js -> app.vue -> index.js -> Home.vue

祝：学习愉快！

提问者 qq_在马路上喝汤_0 #1

既然这里已经有一个vue对象了，那为什么组件里面的导出里面的写法和vue的写法一样呢

2022-05-20 13:22:22
好帮手慕燕燕回复提问者 qq_在马路上喝汤_0 #2

同学，你好！组件里面的 export 用来导出模块，Vue 的单文件组件通常需要导出一个对象，这个对象是 Vue 实例的选项对象，在其它地方可以使用 import 引入。new Vue() 相当于一个构造函数，在入口文件 main.js 构造根组件的同时，如果根组件还包含其它子组件，那么 Vue 会通过引入的选项对象构造其对应的 Vue 实例，最终形成一棵组件树。
祝：学习愉快！

2022-05-20 14:25:56

相似问题

vue组件的挂载。vue的实例

new Vue({el："",data:{}})

vue的项目交接问题（急）

vue-cli版本的问题（慕灰灰老师请进）

创建vue项目时，vue版本不是最新的版本

登录后可查看更多问答，登录/注册

Python全能工程师

参与学习人
提交作业 16233 份
解答问题 4470 个

全新版本覆盖5大热门就业方向：Web全栈、爬虫、数据分析、软件测试、人工智能，零基础进击Python全能型工程师，从大厂挑人到我挑大厂，诱人薪资在前方！

本课精华内容

问答作业

可变参数和参数规则不是很明白

54 1

为什么add_student函数报错

34 1

所有程序都突然运行不了了

39 2

请问这个下划线如何打出来才不会报错

211 30

三引号和斜杠的问题

72 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载