素材牛VIP会员
new Vue()里面的template和router参数的具体意思是什么
 yi***ou  分类:JavaScript  人气:939  回帖:2  发布于6年前 收藏

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

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

谢谢

 标签:vue.jsjavascript

讨论这个帖子(2)垃圾回帖将一律封号处理……

Lv6 码匠
阿***6 Linux系统工程师 6年前#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前面的引用

Lv5 码农
陈***6 软件测试工程师 6年前#2

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

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取