用vue开发一个app（2，main.js）

 

昨天跟着vue的官网搭建了vue的一个脚手架，我也是第一次用VUE一切都在摸索阶段。

 

今天试着看下里面脚手架里面有点什么东西

 

先看看main.js

 

 

导入了3个模块 一个vue，一个app，还有router

Vue.config.productionTip = false

关闭生产模式下给出的提示

 

 

而后下面这些是作什么的。。

 

new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})

 

这边我找到了一些vue官网的解释

什么是组件？

组件（Component）是 Vue.js 最强大的功能之一。组件能够扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些状况下，组件也能够是原生 HTML 元素的形式，以 is 特性扩展。

 

这样就大概理解了main.js

//新建了一个实例
new Vue({
  el: '#app',
  //提供挂载元素
  router,
  //路由
  template: '<App/>',  //模板
  components: { App }　//组件
})