刚入门学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
2020-08-28 11:31:49
¥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏,我们将继续分享更多优质内容,让我们一起创建更加美好的网络世界!
支付宝扫一扫打赏
微信扫一扫打赏
本文《Vue 之 new vue({})与export default {} 的区别》发布于石头博客文章,作者:admin,如若转载,请注明出处:https://www.pweb123.com/frame/vue/811.html,否则禁止转载,谢谢配合!
您可能感兴趣
阅读排行
- 1vue中的ajax一般放在哪个生命周期中
- 2vue Do not use built-in or reserved HTML elements as component id: nav
- 3vue绑定class的三种方法
- 4vue的过滤器
- 5vue.js实例中data属性的三种写法及区别
- 6vue 路由传参,页面刷新后参数类型改变
- 7vue中router-link的详细用法
- 8[Vue warn]: Property or method "xxx" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.
- 9Strings must use singlequote的vue项目报警示的解决
- 10Vuejs中关于computed、methods、watch,mounted的区别
小程序插件
站长推荐
-
百度小程序审核被拒原因--汇总各种奇葩原因
- 487
-
重新对百度支付进行编写封装(百度智能小程序支付)
- 372
-
phpcms小程序插件api接口升级到4.3
- 814
-
phpcms封装的微信h5支付源码DEMO参考
- 756
添加微信好友
文章点评