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