返回旧版| 微信建站| 我要建站 | 建站学习 | 加入收藏
vue教程当前位置:首页 > cms教程 > 前端框架 > vue教程 > 正文

Vue 之 new vue({})与export default {} 的区别

发布时间:2020-08-28 11:26:23   来源:   点击:
刚入门学vue,发现在注册组件的时候都是用的 new Vue或者Vue.component,而当我们使用脚手架搭建项目的时候,项目demo显示的却是export default,官方也不解释,搞定一脸懵逼

我们在用 cli 创建项目时,

在 main.js 入口里面用的时new vue({})


其他组件里面用 export default {}



解释:
export default是ES6的语法,用来导出模块,向外面暴露数据,Vue 的单文件组件通常需要导出一个对象,这个对象是 Vue 实例的选项对象,以便于在其它地方可以使用 import 引入。

而 new Vue() 相当于一个构造函数,在入口文件 main.js 构造根组件的同时,如果根组件还包含其它子组件,那么 Vue 会通过引入的选项对象构造其对应的 Vue 实例,最终形成一棵组件树。

export default命令并不是在每个文件中都是必须的。它的作用只是用于导出模块,在别的模块需要调用这个模块的时候,可以通过import命令引入使用的,里面的data()方法要return。

版权所有:郑州腾石网络科技有限公司 备案信息:豫ICP备18019117号
站长QQ:2863868475 业务合作咨询:15137100750(同微信)
本站所有投放的广告是有其他网站提供,不代表本站立场,同时网站首页广告位对外出租详情咨询本站站长!同时欢迎广大站长加入个人建站团队
  • 建站客服
  • CMS仿站
  • CMS学习
  • 技术交流群:336572814