1. 程式人生 > >用vue開發一個app(2,main.js)

用vue開發一個app(2,main.js)

.html 第一次用 courier ace 第一次 router -s 提示 新建

昨天跟著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)