vue *** 作dom

vue *** 作dom,第1张

1、 this.$refs.xxx拿到虚拟dom,可以进行真实dom的一切 *** 作

1)在标签中添加ref="xxx"

2)在方法中用this.$refs.xxx拿到这个元素,跟document.getElementById('*')一样。

template ->render渲染函数 ->虚拟DOM(VNode)->真实DOM ->浏览器展示

实现template语法

VNode生成成功,现在需要把虚拟DOM生成真实DOM

真实DOM生成成功

这里不使用模板语法利用h函数来生成虚拟DOM,通过mount方法将虚拟DOM进行挂载


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/bake/11486265.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存