用vue開發一個app（2，main.js）

標籤：mono   路由   執行個體   tps   normal   pre   關閉   封裝   添加   

 

昨天跟著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 }
　//組件})

 

用vue開發一個app（2，main.js）