QQ咨询 官方微信

添加微信好友

官方小程序

百度小程序

微信小程序

头条小程序

关于我们

vue教程

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

 admin  2020-08-28 11:31:49
刚入门学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。

¥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏,我们将继续分享更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏

本文《Vue 之 new vue({})与export default {} 的区别》发布于石头博客文章,作者:admin,如若转载,请注明出处:https://www.pweb123.com/frame/vue/811.html,否则禁止转载,谢谢配合!

文章点评

我来说两句 已有0条评论
点击图片更换

添加微信好友

添加微信好友

微信小程序

百度小程序