随笔分类 -  vue

【js】 vue 2.5.1 源码学习（十二）模板编译
摘要：大体思路（十） 本节内容： 1. baseoptions 参数分析 2. options 参数分析 3. parse 编译器 4. parseHTNL 函数解析 // parse 解析 parser--名词--解析器 ==> getShouldDecode() inBroeser // 监听所有的标 阅读全文
posted @ 2019-07-13 17:39 逆风-鬼刀 阅读(238) 评论(0) 推荐(0)
【js】vue 2.5.1 源码学习 （十一） 模板编译compileToFunctions渲染函数
摘要：大体思路（九） 本节内容： 1. compileToFunctions定位 1 1. compileToFunctions定位 2 ==> createCompiler = createCompilerCreator(function beasCompile(){}) // 创建编译器的编译器 编译 阅读全文
posted @ 2019-07-12 16:00 逆风-鬼刀 阅读(642) 评论(0) 推荐(0)
【js】vue 2.5.1 源码学习 （十） $mount 挂载函数的实现
摘要：大体思路（九） 本节内容： 1. $mount 挂载函数的实现。 1 // 将Vue.prototype.$mount 缓存下来 2 ==>mountComponet(this,el) { 3 // 组建挂载的时候做的事情 4 var uodateComponent = function(){ 5 阅读全文
posted @ 2019-07-11 15:15 逆风-鬼刀 阅读(705) 评论(0) 推荐(0)
【js】vue 2.5.1 源码学习 （九） 响应数组对象的变
摘要：大体思路（八） 本节内容： 1.Observe 如何响应数组的变化 代理原型 数组变异方法 shell cacheArrProto methods 新添加的数组需要加到显示系统里面，拦截 push等的方法 swith(method){ case:"push"/"unshift" : 存储东西} ob 阅读全文
posted @ 2019-07-11 11:45 逆风-鬼刀 阅读(286) 评论(0) 推荐(0)
【js】vue 2.5.1 源码学习 （七） 初始化之 initState 响应式系统基本思路
摘要：大体思路（六） 本节内容： 一、生命周期的钩子函数的实现 ==》 callHook(vm , 'beforeCreate') beforeCreate 实例创建之后 事件数据还未创建 二、初始化initState ==>initState(vm) // 初始化数据 ==> initProps(vm, 阅读全文
posted @ 2019-06-10 16:42 逆风-鬼刀 阅读(395) 评论(0) 推荐(0)
【js】 vue 2.5.1 源码学习（六） initProxy initLifeCycle 渲染函数的作用域代理
摘要：大体思路 （五） 1. initProxy 渲染函数的作用域代理 ==> es6 如果支持proxy (hasProxy) 就用proxy 不支持就用 defineProperty() proxy 和 defineProperty 区别？ definedProperty 只能监听对象的属性 描述属性 阅读全文
posted @ 2019-06-06 16:42 逆风-鬼刀 阅读(322) 评论(0) 推荐(0)
【js】 vue 2.5.1 源码学习（五） props directives规范化 props 合并策略
摘要：大体思路 （四） 上节回顾： A： 对于生命周期函数将父子组件的函数放到一个数组里面，特定时间点调用，保证父子组件函数都调用到。 B： 对于directive，filters，components 等的资源选项，父选项将以原型的形势处理，正式因为这样子，在任何地方都可以用到内部自定义指令。 C： 对 阅读全文
posted @ 2019-06-05 13:51 逆风-鬼刀 阅读(618) 评论(0) 推荐(0)
【js】vue 2.5.1 源码学习 （四） 钩子函数 资源选项 watch 的合并策略
摘要：大体思路 （三） 1.钩子函数 自定义策略 LIFECYCLE_HOOKS= [] created = [function(){} , function(){}] 组装方法。 ==> starts[hook]= mergeHook ==> mergeHook(parent,child) // 合并p 阅读全文
posted @ 2019-06-04 16:31 逆风-鬼刀 阅读(447) 评论(0) 推荐(0)
【js】vue 2.5.1 源码学习 （三） Vue.extend 和 data的合并策略
摘要：大体思路 （三） 1. 子类父类 2.Vue.extend() //创建vue的子类 组件的语法器 Vue.extend(options) Profile().$mount('#app') // 挂在app上，并替换app 新建 initExend ==》 Vue.extend 3. strat.d 阅读全文
posted @ 2019-06-03 17:37 逆风-鬼刀 阅读(1403) 评论(0) 推荐(0)
【js】vue 2.5.1 源码学习（二） 策略合并
摘要：一、 整体思路 1 首先是代码的大体构造，先判断引入代码的环境，即对应amd 和cmd的处理 2 vue_init 需要借助 initMinxin ==>>> // 初始化选项1: 规范 2: 合并策略。 3 mergeOptions 选项合并 一个或者多个对象合并，并且生成一个新的对象 ==> r 阅读全文
posted @ 2019-06-01 15:16 逆风-鬼刀 阅读(359) 评论(0) 推荐(0)
【js】 vue 2.5.1 源码学习（一） 大体结构 （自写版本，非源码）
摘要：一、整体思路 1. 首先我们需要解析data，并且data里面的属性添加为vue的属性，并且拿到属性值 。 通过 原型方法 _peoxy实现 Obsever(代理函数) ==》 walk convert defineReactive 2. 对象属性的默认值 defineProperty 3. vue 阅读全文
posted @ 2019-05-31 14:32 逆风-鬼刀 阅读(343) 评论(0) 推荐(0)