vm_initvm$mountmountComponent创建watcherupdateComponentdiff算法sameVnode仅仅判断key和tag相同，子节点跟文本是否相同不知道 例如在a后加入x 操作步骤在updateChildren中开始断点 更新2次dom；直接在标签中添加click事件@click＝fn，然后在vue实例中的methods配置项里添加方法fn，实现你的功能这样不行吗vue框架不是不能用原生js获取dom元素，只是用框架就是为了避免操作dom元素；我们前面知道diff算法发生在虚拟DOM上，而虚拟DOM是如何实现的呢实际上虚拟DOM是有一个个虚拟节点组成h函数用来产生虚拟节点vnode虚拟节点有如下的属性 1sel 标签类型，例如 pdiv 2data 标签；映射到真实的DOM实际上要经历VNode的 creatediff patch 等过程#160#160#160#160#160#160#160下面是vuejs从初始化到最终渲染的整个过程假如你想阅读Vue源码，这张图应该能够帮到你；效果图1ref 需要在dom渲染完成后才会有，在使用的时候确保dom已经渲染完成比如在生命周期 mounted 钩子中调用，或者在 this$nextTick= 中调用vue 问题笔记 ref获取不到指定的DOM节点问题解决；前后两颗新旧虚拟DOM树进行对比，Vue通过diff算法，去记录差异的地方 将有差异的地方更新到真实的DOM树中 vue中的虚拟DOM树只会重新渲染页面修改的地方，大大减少了对真实DOM树的操作 虚拟DOM树是占内容的，但是可以。

可以使用“$refs”获取带有ref属性的元素具体用法是，“$refsref属性名”也可以使用原生js获取带有id或class等属性的元素，还可以引入jq获取；this$el 可以获取当前组件的容器节点，然后你就1this$elquerySelect#39myclass#39 获取节点编程是编写程序的中文简称，就是让计算机代为解决某个问题，对某个计算体系规定一定的运算方式，是计算体系按照该计算；一问题引入 原项目把一块内容直接写在了模块中浏览器显示的一整个页面，现在想把它提成一个单独组件，而且把其中使用 documentgetElementById#39id#39 改为 ref 获取元素的形式单独创建一个 vue 组件，通过绑；在 vue2 中，我们通过 ref 为节点添加一个名称，然后用 this$refs#39节点名称#39 就可以获取到DOM节点，例在 vue3 中，我们一样可以通过为节点添加一个 ref 名称 ，但是接下来的步骤和 vue2 有些区别 1为节点添。

attached function myVue$appendToquottest2quot暂时触发不了，不知道怎么解决 在 vm$el 插入 DOM 时调用必须是由指令或实例方法如 $appendTo插入，直接操作 vm$el 不会 触发这个钩子consol；我们现在先来看下 vm_update 方法的定义这里的 vm$el 是之前在 mountComponent 方法内就挂载的，一个真实 Dom 元素首次渲染会传入 vm$el 以及得到的 VNode ，所以看下 vm__patch__ 定义__patch__ 是；大家都知道mounted声明周期是发生在dom挂载完成之后，所以理论上是可以获取到dom元素的 但是有一些特殊情况下，是没办法在mounted中直接获取到都dom元素的例如，dom是一个vif判断展示与否的元素时，如果我们在mounted里使判断。

在vue中可以通过给标签加ref属性，就可以在js中利用ref去引用它，从而操作该dom元素以下是个例子Vue系列产品为3D自然环境的动画制作和渲染提供了一系列的解决方案Vue系列有很多不同的产品，这是为了满足不同阶层的用户；在vue的世界里，没有动态添加dom这种概念，一切都是数据驱动 objname objprop function alert1var vue = new Vue el #39body#39，data 初始obj是空的，因此视图默认是什么都。