Vue源码分析
小仙女爱吃虾滑
这个作者很懒,什么都没留下…
展开
-
vue的整个实现流程
vue实现流程有以下4个步骤解析模板(本质是字符串)成render函数响应式开始监听首次显然,显示页面,绑定依赖data属性变化,触发rerender1. 解析模板成render函数模板如下:解析成render函数(源码中使用code.render)格式化后如下:this为vue实例,_c为实例的函数,对应createElement,返回VNode收缩后如下...原创 2020-04-12 10:27:59 · 1099 阅读 · 0 评论 -
Vue源码 --- 二维数组转换成一维数组
Vue源码中用到的二维数组 -> 一维数组function normalizeArr(children) { for(let i = 0; i< children.length; i++) { if(Array.isArray(children[i])) { return Array.prototype.concat.apply([], children)...原创 2019-10-19 17:28:37 · 1414 阅读 · 0 评论 -
Vue源码解析,用this可以访问data属性的原因
new Vue({ el: '#app', data: { message: 'this is message'; }})在编写代码中可以通过this.message访问到message的值,这不是魔法,直接上源码。在state.js的initData中,有如下代码function initData(vm: Component) { let data = vm.$option...原创 2019-10-19 11:18:04 · 1061 阅读 · 0 评论