老师定义的实例里的template的用法我忘记了，帮忙给下这个讲解的视频吧？

慕仰5025445 2020-09-28

源自：项目-首页开发 1-4 Vue项目预热 - 单文件组件与Vue中的路由（1）

32

收起

4回答

好帮手慕久久 2020-09-28 16:46:13

同学你好，对的，只要知道它是怎么挂载的就行了。

祝学习愉快！

好帮手慕久久 2020-09-28 15:28:04

同学你好，这个问题在老师为你提供的第一个视频链接中讲解了，同学可以再听一下。老师这里为你简单说明一下：

在main.js中，template定义了项目的模板是App这个组件，而这个组件是根目录下的App.vue，vue会将该组件，挂载在html页面上id为app的元素上，这样整个页面就可以显示出来了，如下：

祝学习愉快！

提问者慕仰5025445 #1

嗯嗯，明白了，这里跟以前稍微不一样，记着这样就行

2020-09-28 16:26:58

好帮手慕久久 2020-09-28 11:17:11

同学你好，在基础知识中，template这个元素在组件中也涉及到了：https://class.imooc.com/lesson/1447#mid=33304 ，另外它在作用域插槽中也涉及了：https://class.imooc.com/lesson/1447#mid=33332 （都是固定用法）。由于知识点太多，所以建议同学在学习时，一定要做好笔记，记录下讲解过的知识点，这样有利于自己复习。对于template的使用，建议学习完本章节的项目后，再将之前基础部分的源码看一遍，简单过一遍知识点，那时候再留意一下template的使用即可。

祝学习愉快！

提问者慕仰5025445 #1

谢谢老师！

2020-09-28 13:39:21
提问者慕仰5025445 #2

new Vue({ el: '#app', router, components: { App }, template: '<App/>' }) 老师我知道我的疑问是啥了，之前将的template都是在局部组件 var 组件名或者全局组件new Vue(组件名，)，然后使用的时候，写在页面div中加载出来；上面的是var APP=new Vue({})里面定义了一个template，但是这个template再main.js里，没有写在其他地方加载呀？

2020-09-28 14:11:37

好帮手慕久久 2020-09-28 10:28:49

同学你好，有关此处template的讲解，在该节视频中：https://class.imooc.com/lesson/1448#mid=33319 ，这里是框架提供的固定用法，同学知道它对应着哪个组件，会修改该组件内容就行了。

祝学习愉快！

提问者慕仰5025445 #1

再之前的vue模板里没有讲到这个template吗？我是看到这个视频，突然感觉以前学的好像不记得了，

2020-09-28 10:33:00

相似问题

看了问答区的一些说明，还是没理解实例化和直接调用的区别

老师关于绑定事件和send的调用

视频中的案例有个bug，老师帮忙解决下

老师这里的代码看不懂

老师，麻烦给我讲一下这个

登录后可查看更多问答，登录/注册

4.Vue与React高级框架开发

参与学习人
提交作业 239 份
解答问题 10739 个

本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle

本课精华内容

问答作业

老师，这是关于stylus版本和style语法高亮问题解决（可以编辑器自动缩进）如可可行可以置顶，谢谢

115 1

老师,创建VUE环境花了一天时间，创建流程供同学们参考（window）如果方法可行可以置顶，谢谢

152 1

麻烦老师看看这个写法和注释可以吗?如果可以可以置顶一下参考,谢谢

84 1

请检查是否正确

95 1

transition问题-续

65 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载