{ h }是什么 是自拟的名字吗。

来源:2-5 toRef 以及 context 参数(2)

KaFe_Ming

2021-07-12 18:33:08

后面return的h虚拟DOM是什么意思 这里不太明白。
还有就是实际开发中,不怎么用之前最基础的data, methods等等这些对象方法了吗。

写回答

1回答

好帮手慕久久

2021-07-12

同学你好,解答如下:

1、h不是自定义的名字,它是vue底层封装好的一个方法,名字就是固定的“h”。

2、虚拟 dom 是相对于浏览器所渲染出来的真实dom而言的。真实的dom可以理解成,就是浏览器渲染到页面上实际的html结构;而虚拟dom就是在内存中创建的一个js对象,该对象与真实的dom结构对应,它里面记录了真实dom的属性、内容、子元素等信息。浏览器利用虚拟dom,可以对应的渲染出真实的dom元素。

如果setup中返回了虚拟dom,vue会将该虚拟dom渲染成真正的dom,并作为模板使用:

http://img.mukewang.com/climg/60ec1f66098623fb05500435.jpg

http://img.mukewang.com/climg/60ec1f90094bf62b09770210.jpg

(虚拟dom是比较高级的内容,如果不理解,可以选学)

3、不是的。实际开发中,依旧会大量使用data、methods这些方法。只是对于vue3来讲,它最大的亮点就是提供了Composition API,即可以利用setup函数,脱离data、methods这种原始的写法,用一种全新的方式来写代码。因此我们的课程中,主讲vue3代码的新写法。这些新的内容,才是有价值的。如果想学旧的写法,同学可以在慕课网上,看下vue2的课程,vue2、vue3旧写法是一样的。

祝学习愉快!

2

0 学习 · 15276 问题

查看课程