老师问下为啥能打印出来hello word的能讲下吗

球球不一般 2022-04-29

源自：vue基础入门（上） 2-3 理解 Vue 中的生命周期函数（2）

17

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2022-04-29 14:43:19

同学你好，mounted函数执行是在组件内容渲染到页面之后，所以template模板中的内容已经渲染到页面上了

message的值为‘hello world’

模板渲染到根元素div#root中

所以获取根元素root的内容就是div元素

祝学习愉快！

球球不一般提问者 #1

渲染页面之后自动执行函数，不应该执行渲染之后的吗，这个点不是明白

2022-04-29 14:50:48
球球不一般提问者 #2

老师之前和之后这俩我不是很明白，之前不是应该执行前面的函数吗，之后不是应该执行之后的函数吗

2022-04-29 14:55:33
好帮手慕星星回复提问者球球不一般 #3

是执行渲染之后的，没问题。渲染之后模板中的div就会到root中，message属性也会被替换。同学认为会输出什么内容呢？不明白同学的思路，可以描述具体一些。
另外这四个函数是按照顺序来的，从生命周期图中也可以看出来
实例生成有之前，之后，组件内容渲染有之前，之后，所以就是这四个函数的顺序。

2022-04-29 14:56:35

点开查看后面5条评论

好帮手慕星星 2022-04-29 16:58:01

同学你好，解答如下：

1、‘mounted’已经打印出来了，在div元素的后面

2、用课程中的例子就好，vue.js是基于JavaScript的

当template模板渲染到页面后，mounted方法会执行，在浏览器控制台也可以看到结构

所以用js获取元素并查看root内容（不是js dom绑定事件，这里没有事件），没有问题。

3、vue是一个构建用户界面的框架，目前知道怎么使用，能实现效果即可，不需要去了解框架底层是怎么写的，实现原理是什么。

相似问题

老师我想问下为啥打印出来hello word,不应该是bye吗

辅助资料不能自己打印吗，怎么加秘了

老师，火狐下面打印data没出来

请老师帮忙看下这段代码有什么问题

为什么我只打印这些？后面list跟map里的打印不出来？

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

前端工程师

参与学习人
提交作业 15661 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

200 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载