new Vue()里面的template和router参数的具体意思是什么

Question

刚学习vue,在结合webpack和vue的过程中产生了一些疑惑，具体是

想问的是
1.template这个参数具体作用是什么，我的理解是相当于注入index.html里面的元素，也就是可以删掉，写在html里，请问可以这样理解吗？
2.组件规范写法不该是components:{‘xxx’:{App}}，内部源码不是components(id, definition)吗,他这样写如何理解？
3.router这个参数在源代码里面找不到，求具体解释源代码出处

谢谢

Answer 1

平时写的时候也没注意到这个，手动测试了下，结果如下

App.vue

这个相当于一个名叫App的组件

main.js

index.html

这个时候运行页面

看到id为app的节点不见了被App组件替换了

这个时候修改main.js文件

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

然后运行

所以结论
1.可以写在html里面,但是效果不一样(不写在html里面的时候会把el对应的节点替换)..具体为什么我也不清楚...
2.组件定义的话，组件内部直接export default然后声明name，外部引用就components:{App}没问题
3.router这个肯定是有的需要import进来的
我main.js前面的引用

Answer 2

1.应该是不行的 你可以尝试一下
2.es6中json可以简写{ App }={ App:App }
3.如果你是sublime vscode aton cmd+p搜索router/index.js