用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 }
　//組件
})