vue源码
文章平均质量分 93
vue源码
我不生产代码,我只是代码的搬运工
当你的才华还撑不起你的野心的时候,你就应该静下心来学习;当你的能力还驾驭不了你的目标时,就应该沉下心来,历练;梦想,不是浮躁,而是沉淀和积累,只有拼出来的美丽,没有等出来的辉煌,机会永远是留给最渴望的那个人。
展开
-
vue源码解析(中)异步更新与虚拟dom
异步更新队列Vue⾼效的秘诀是⼀套批量、异步的更新策略。概念解释事件循环Event Loop:浏览器为了协调事件处理、脚本执⾏、⽹络请求和渲染等任务⽽制定的⼯作机制。微任务:微任务是更⼩的任务,是在当前宏任务执⾏结束后⽴即执⾏的任务。** 如果存在微任务,浏览器会清空微任务之后再重新渲染。**微任务的例⼦有 Promise 回调函数、DOM变化等。...原创 2021-04-19 22:16:52 · 324 阅读 · 5 评论 -
vue源码解析(上) vue初始化流程
的原创 2021-04-18 13:30:19 · 297 阅读 · 3 评论 -
vue简版源码解析以及简版的实现
vue的设计思想(MVVM模式)MVVM框架的三要素包括: 数据响应式 模板引擎及其渲染数据响应式: 监听数据变化并在视图中更新Object.defineProperty() ---- vue2中采用的数据劫持,数据拦截的策略Proxy — vue3中采用的是代理模式模板引擎: 提供描述视图的模板语法插值: {{}}指令: v–on, v-bind, v-model, v-for, v-if 等等渲染: 如何将模板转换成为html模板 => vdom => dom数据原创 2021-04-04 20:06:03 · 372 阅读 · 1 评论 -
vue全家桶(vuex简版源码的实现)
VuexVuex 集中式存储管理应⽤的所有组件的状态,并以相应的规则保证状态以可预测的⽅式发⽣变化。下面是Vuex工作的流程图安装: vue add vuexvue add vuex核⼼概念State 状态,数据Actions 异步操作Mutations 更改状态的函数store 包含以上概念的容器状态 -statestate用来存储状态export default new Vuex.Store({ state: { count: 0 },})状态原创 2020-12-13 21:21:43 · 167 阅读 · 0 评论 -
vue全家桶(vue-router简版源码的实现)
vue-routerVue Router 是 Vue.js 官⽅的路由管理器。它和 Vue.js 的核⼼深度集成,让构建单页面应用变得易如反掌。嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在 IE9 中自动降级自定义的滚动条行为安装: vue add router核⼼步骤:步骤⼀:使⽤vue-router插件,rout原创 2020-11-08 20:38:45 · 1942 阅读 · 7 评论 -
vue组件化实战
注意:$children不能保证⼦元素顺序和$refs有什么区别?原创 2020-10-25 16:01:09 · 473 阅读 · 0 评论