![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue源码分析
文章平均质量分 80
yan_yuanfeng
这个作者很懒,什么都没留下…
展开
-
正则表达式匹配方法 match() -- Vue正则解析template
最近看到vue源码的模板解析,parse 中主要就是用正则去解析template然后生成ast抽象树。这则匹配用到最多的就是match。match([string] | [RegExp])这里主要说正则表达式1、返回值:Array/null2、不使用g全局匹配时var str='2019shanghai=nihao !!'str.match(/\w[i]/)可以...原创 2019-02-21 11:23:01 · 23608 阅读 · 0 评论 -
vue源码分析nextTick()
1、vue页面更新简介在这里粗略的描述下当数据变化后页面更新流程:1、通过Observe数据劫持监听数据变化,当数据变化后通知触发闭包内的dep执行dep.notify,2 、接着执行Watcher的update()3、update()中并没有立即执行dom的更新,而是将更新事件推送到一个任务队列中。4、执行任务队列中的方法。下图是我对数据双向绑定的一个理解。这篇文章重点不是理解双...原创 2019-02-25 15:37:36 · 185 阅读 · 0 评论 -
Vue插件封装,以及插件发布到npm
1、常见插件类型 插件通常会为 Vue 添加全局功能,常见的几种如下添加全局方法或者属性,如: vue-custom-element添加全局资源:指令/过滤器/过渡等,如 vue-touch通过全局 mixin 方法添加一些组件选项,如: vue-router添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。一个库,提供自己的 API,同时提供上面提到的...原创 2019-03-11 13:55:19 · 1790 阅读 · 0 评论