随笔分类 - Vue
摘要:Vue 中事件绑定的原理 Vue 的事件绑定分为: 原生事件绑定、组件事件绑定 原生 dom 事件的绑定,采用 addEventListener 实现 组件绑定事件采用的是 $on 方法 v-model 的实现原理 可以看成是 v-bind:value 加上 v-on:input 事件 的语法糖 v
阅读全文
摘要:Vue 模板编译原理 Vue 中式如何将 template 转换成 render 函数? 虚拟 DOM:用 对象来描述 DOM 元素 ast 树:用 对象来描述 JS 语法 将模板转换成 ast 树(即:用对象来描述真实的 JS 语法) 优化树 通过 ast 树再生成 render 函数 rende
阅读全文
摘要:参考文章:https://www.cnblogs.com/kidney/p/6052935.html?utm_source=gold_browser_extension 最简单的 双向绑定 //极简双向绑定 let $input = document.querySelector("input");
阅读全文
摘要:Vue 中如何检测数组变化? 由于 Object.defineProperty 无法监听数组的变化。 所以,在 Vue2.X 版本中,作者用了一种 hack 的方式,即:重写了数组原型的方法。 虽然重写,但基本和原来的方法一样,只是多了 通知视图更新(因为改变了数组) 数组里如果也有 Object
阅读全文
摘要:实线代表方法调用,虚线代表事件通知。 1.MVC graph LR View .->Controller graph LR Controller -->Model graph LR Model-->|修改| View View 事件触发到 Controller Controller 完成业务逻辑后,
阅读全文

浙公网安备 33010602011771号