挂载点，模版与实例_vue2.5入门 -慕课网

第1章课程介绍
视频：1-1 课程介绍(02:25)

解锁即可观看《大前端》完整课程视频

立即解锁

大前端

1个业务场景打通全端、全栈、全流程，实现全局思维与综合技术能力全面突破；对标阿里P6，8个月成为前端高级人才

【第1周】认识大前端，全栈开发初体验

【第2周】企业标准的开发环境搭建

【第3周】NoSQL数据库的设计与集成

【第4周】JWT登录鉴权—通用登录模块后端开发

【第5周】团队协作-文档管理与缺陷控制

【第6周】团队协作-版本管理

【第7周】团队协作-自动化流程

【第8周】全栈开发—首页模块

【第9周】 全栈开发—用户中心

【第10周】全栈开发—发贴/回帖模块

【第11周】消息中间件开发（WebSocket通信）

【第12周】组件化思想进阶：iview上手文章管理

【第13周】中后台权限系统：前端权限设计方案

【第14周】中后台权限系统：基于角色&菜单权限设计

【第15周】首页可视化图表与日志服务

【第16周】WebApp页面设计与开发

【第17周】Vue3全家桶+Vite开发工具

【第18周】前后端项目Vue3重构

【第19周】性能优化（服务端渲染）

【第20周】uniapp开发(首页/菜单定制/搜索)

【第21周】uniapp开发(登录、详情、个人中心)

【第22周】uniapp内容安全、订阅消息

【第23周】小程序支付专题

【第24周】跨平台框架Flutter2与状态管理方案

【第25周】封装请求&数据持久化方案&路由

【第26周】Flutter 后台消息&打包上线

【第27周】Electron桌面端与主流的框架

【第28周】Electron桌面端-社区业务集成

【第29周】React17新特性

【第30周】React-Hooks&状态管理方案

【第31周】React组件库设计&工程化

【第32周】React工程化&性能优化

Dell

Web前端工程师

BAT资深前端工程师，负责数据平台技术研发。曾任去哪儿网高级前端工程师，主导去哪儿网内部前端监控系统设计，负责去哪儿网门票用户端的前端设计开发。曾任国内知名培训机构高级前端讲师，负责React，Angular，Vue，Hybrid，RN的课程讲授，具备丰富前端授课经验。对优雅编程及工程化有深度思考及见解，教会你写代码，同时帮助你把代码写的更漂亮！

讲师课程

React18 系统入门进阶实战《欢乐购》

实战课初级 375

React 配置化+Serverless,落地低代码+云原生全栈开发

提问题

提交

其他问答

查看更多本节问答

写笔记

公开笔记

提交

问答
评论
笔记

全部精华我要发布

源码在gitee有吗

最新回答 / zhaosting

我don't know

1 回答 290 浏览

2024-01-18

页面有bug

最新回答 / Lawrence

把右边课程推荐那块关了也许就可以了

1 回答 529 浏览

2022-11-13

一个vue实例如何挂载多个标签

最新回答 / weixin_慕前端9531579

只能挂一个标签---初学者的理解。似乎没有必要一个vue实例挂多个标签，可以把其它标签放到挂载标签的内部。

1 回答 1207 浏览

2022-04-20

挂载点和模板的关系

最新回答 / qq_慕函数4138267

挂载点有唯一标识，模板就是挂载点的内容，由诸多标签和数据组成

1 回答 771 浏览

2022-04-25

我要挂载第二个id的话怎么写呢？再重新写个new Vue({ })吗？

最新回答 / Verckolf

目前看来是的。1、vue实例通过模板id绑定DOM。不同的DOM使用相同id，也只有第一个生效2、不确定vue实例绑定的模板id是否可以用变量来控制，如果可以的话，就能用一个实例控制多个DOM。不知道有没有大佬能解释下~~

3 回答 1377 浏览

2022-04-14

模板必须加<h1>标签才能在页面中显示出来吗？

最新回答 / Verckolf

是的，这个是html的语法。

3 回答 1486 浏览

2019-10-21

div id="root">{{msg}}</div> 为什么是{{msg}}不是{{data.msg}}

最新回答 / weixin_慕的地0185285

我觉得这是vue的语法，应该在vue源码里面封装了取数据的方法，应该是直接去data下面去取的，而不是vue实例下；打个比方，你写js去json实例取数据可能是data.msg，但是如果已经有一个方法能直接从data里面拿了，那么应该直接写msg就行了

2 回答 2344 浏览

2019-03-26

老师用的什么ide工具

最赞回答 / 慕粉1356030

sublime text

3 回答 1022 浏览

2019-09-30

渲染时<div class="root"></div>不见了

最新回答 / 慕侠2155777

template: '<div class="root"><h1>{{msg}}</h1></div>',简单理解为获取一个div元素，把获取的这部分元素完全替换template里的内容

2 回答 981 浏览

2018-12-27

template模板问题

已采纳回答 / 向北丶

是的,需要添加到element内,他不是报错 Component template requires a root element, rather than just text.组件模板需要根元素，而不是文本。

6 回答 1782 浏览

2021-07-10

2-2 实例挂载点模板这一章节中有几个问题

已采纳回答 / 阳小项

看一下完整的代码

1 回答 1069 浏览

2018-06-30

在样式表里写的.root h1样式为什么不会让template里的发生变化？

已采纳回答 / 麦康福

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script><style>.H1TEST{ color:red;}</style>&...

2 回答 1470 浏览

2018-07-13

如果 div下面存在模板，Vue里面也有模板的话，在执行的时候，vue会自动忽略div下面的吗？ <h1>hello</h1>中的hello不会在页面输出？

最赞回答 / 小铁妮儿

刚试了一下是会忽略原来的DOM节点。可以了解一下Vue生命周期。在beforeMounted 和 mounted 之间进行了替换：创建vm.$el 并且用这个替换掉 'el'。你可以去生成的DOM里看看，h2标签已经替换掉了 div标签。

1 回答 1009 浏览

2018-06-05

写： date:{ msg:"hello world" } 为什么会报错，未声明变量

已采纳回答 / UN_Helium

是data吧

2 回答 1519 浏览

2018-05-25

template中为什么只显示一个标签中的内容

最新回答 / 宋唐

vue2.0版本好像删除了多个节点的模板，目前每个组件必须只有一个根元素。如果你有这样的模板：<p>{{msg}}<h1>hello</h1></p>建议将全部内容包装在一个新元素中，如下所示：<div><p>{{msg}}<h1>hello</h1></p></div>具体说明在这里：https://vuejs.org/v2/guide/migration.html#Fragment-...

1 回答 2477 浏览

2018-05-22

全部我要发布

最热最新

只看我的

2-2 挂载点，模版与实例

下一节课程： Vue实例中的数据,事件和方法 (12:26) 下一节重新观看

为你推荐

讲师课程

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

源码在gitee有吗

页面有bug

一个vue实例如何挂载多个标签

挂载点和模板的关系

我要挂载第二个id的话怎么写呢？再重新写个new Vue({ })吗？

模板必须加<h1>标签才能在页面中显示出来吗？

div id="root">{{msg}}</div> 为什么是{{msg}}不是{{data.msg}}

老师用的什么ide工具

渲染时<div class="root"></div>不见了

template模板问题

2-2 实例挂载点模板这一章节中有几个问题

在样式表里写的.root h1样式为什么不会让template里的发生变化？

如果 div下面存在模板，Vue里面也有模板的话，在执行的时候，vue会自动忽略div下面的吗？ <h1>hello</h1>中的hello不会在页面输出？

写： date:{ msg:"hello world" } 为什么会报错，未声明变量

template中为什么只显示一个标签中的内容

推荐课程

手记推荐

2-2 挂载点，模版与实例

热搜

最近搜索清空

下一节课程： Vue实例中的数据,事件和方法 (12:26) 下一节 重新观看

为你推荐

讲师课程

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

推荐课程

相关课程

手记推荐

账号登录 验证码登录

下一节课程： Vue实例中的数据,事件和方法 (12:26) 下一节重新观看

账号登录验证码登录