export default 和new Vue和 Vue.component 有什么区别吗

  • Post author:
  • Post category:vue


这三个在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 版权协议,转载请附上原文出处链接和本声明。