weixin_44231864的博客

v-on 为元素绑定事件 methods和el等平级 on做到在页面上修改数据，this方法用于追加 指令可以简写为@ 绑定的方法定义在methods里 事件绑定的方法写成函数调用的形式@ 定义事件方法时需要定义形参来接收（p1,p2） .prevent取消默认行为 .stop阻止事件冒泡 .capture 捕获事件（可以从外到里） .self只有点击自身才会触发的事件（只会阻止自己这层的冒泡） .once只能触发一次 事件的后面更上.修饰符对事件进行限制（keyup.enter当回车抬起时触发）

后端MVC： MVVM（即框外View）:VM是MVVM思想的核心；VM是M和V之间的调度者 M中保存的是页面中单独的页面 VM是调度者，分割了M和V V就是每个页面中的HTML结构 el挂载点 Vue 反馈 验证码机制：后台随机生成【后端认为前端会被伪造】 后端调用相关绘图第三方库，或（PHP,.NET,JAVA）系统核心绘图类库进行图片绘制 绘制的随机数字字母，都是后端预先定义 将绘制好的图片URl地址通过网络发送给客户端，客户端用img标签引用验证码地址 后端绘制完验证码后，生成的字母不能抛弃

使用key 对于通过循环生成的列表，应给每个列表项一个稳定且唯一的key，这有利于在列表变动时，尽量少的删除、新增、改动元素 使用冻结的对象 冻结的对象不会被响应化 使用函数式组件 参见函数式组件 使用计算属性 如果模板中某个数据会使用多次，并且该数据是通过计算得到的，使用计算属性以缓存它们 非实时绑定的表单项 当使用v-model绑定一个表单项时，当用户改变表单项的状态时，也会随之改变数据，从而导致vue发生重渲染（rerender），这会带来一些性能的开销。 特别是当用户改变表单项时，页面有一些动画正在

面试题：请阐述vue的diff算法 参考回答： 当组件创建和更新时，vue均会执行内部的update函数，该函数使用render函数生成的虚拟dom树，将新旧两树进行对比，找到差异点，最终更新到真实dom 对比差异的过程叫diff，vue在内部通过一个叫patch的函数完成该过程 在对比时，vue采用深度优先、同层比较的方式进行比对。 在判断两个节点是否相同时，vue是通过虚拟节点的key和tag来进行判断的 具体来说，首先对根节点进行对比，如果相同则将旧节点关联的真实dom的挂到新节点上，然后根据需要更.

Vue虚拟DOM原理及面试题（笔记） 面试题：请你阐述一下对vue虚拟dom的理解 什么是虚拟dom？ 虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构 在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟dom树，这也就意味着每个组件都对应一棵虚拟DOM树 为什么需要虚拟dom？ 在vue中，渲染视图会调用render函数，这种渲染不仅发生在组件创建时，同时发生在视图依赖的数据更新时。如果在渲染时，直接使用真实DOM，由于真实DOM的创建、更新、插入