这三个在vue项目中都经常用到
,export default
用来导出模块,供其他模块调用,相当于function a(){},相当于写了一个函数,等待被调用,在vue中我们经常用export default声明一个组件,哪里有需要在哪里注册,有时也用export default Vue.component (‘componentA’,{}) 导出一个全局注册的组件,不导出在其他组件中是不可用的。
export default 例子1:
export default {
name: "App",
data: {
titlebar: "首页",
},
created() {},
mounted() {},
}
export default 例子2:
function test() {
...
}
exfort default test;
new Vue
用来实例化,由于vue是单实例的应用,全局只有一个new Vue({})
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
上面的app, 是指在html文档中声明的根元素
<body>
<div id="app"></div>
</body>
Vue.component
用来全局注册一个组件,具体使用可参考
VUE组件注册局部注册、全局注册_陌上花开然不归矣的博客-CSDN博客
Vue.component("component-c", {})
版权声明:本文为yalywq原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。