鍍金池/ 問答/HTML/ new Vue()里面的template和router參數(shù)的具體意思是什么

new Vue()里面的template和router參數(shù)的具體意思是什么

剛學(xué)習(xí)vue,在結(jié)合webpack和vue的過程中產(chǎn)生了一些疑惑，具體是

圖片描述

圖片描述

想問的是
1.template這個參數(shù)具體作用是什么，我的理解是相當(dāng)于注入index.html里面的元素，也就是可以刪掉，寫在html里，請問可以這樣理解嗎？
2.組件規(guī)范寫法不該是components:{‘xxx’:{App}}，內(nèi)部源碼不是components(id, definition)嗎,他這樣寫如何理解？
3.router這個參數(shù)在源代碼里面找不到，求具體解釋源代碼出處

謝謝

回答
編輯回答
伴謊

1.應(yīng)該是不行的 你可以嘗試一下
2.es6中json可以簡寫{ App }={ App:App }
3.如果你是sublime vscode aton cmd+p搜索router/index.js

2017年10月7日 10:06
編輯回答
奧特蛋

平時寫的時候也沒注意到這個，手動測試了下，結(jié)果如下

App.vue
clipboard.png

這個相當(dāng)于一個名叫App的組件

main.js
clipboard.png

index.html
clipboard.png

這個時候運行頁面
clipboard.png

看到id為app的節(jié)點不見了被App組件替換了

這個時候修改main.js文件
clipboard.png

注掉template，然后在html文件中加入<App/>
clipboard.png

然后運行
clipboard.png

所以結(jié)論
1.可以寫在html里面,但是效果不一樣(不寫在html里面的時候會把el對應(yīng)的節(jié)點替換)..具體為什么我也不清楚...
2.組件定義的話，組件內(nèi)部直接export default然后聲明name，外部引用就components:{App}沒問題
3.router這個肯定是有的需要import進來的
我main.js前面的引用
clipboard.png

2018年1月12日 03:48