![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
青梅煮酒论英雄
你以为的你以为的就是你以为的吗
展开
-
vue-ts 中 @Component 解读--写一个自己的类装饰器和方法装饰器
类装饰器–应用于类构造函数,其参数是类的构造函数@Component就是个类装饰器,作用于Vue对象vue-class-component 中,入口代码是function Component(options) {if (typeof options === 'function') { return componentFactory(options);}return function (Component) { //vue对象,类装饰器返回 return compo原创 2021-07-21 17:37:29 · 2351 阅读 · 0 评论 -
Vue模板编译原理
解析器将模板字符串转成element ast通过正则去匹配生成一个 AST 树例如:<div> <p>{{ name }}</p></div>生成对应的ast{ tag: "div" type: 1, staticRoot: false, static: false, plain: true, parent: undefined, attrsList: [], attrsMap: {}, children:原创 2020-11-03 20:33:06 · 222 阅读 · 0 评论 -
vue diff算法详解
前言因为重新渲染数据会引起dom的重绘和回流(重排),这对性能消耗消耗是非常大的,我们在开发的时候尽量避免重绘和回流。因此vue就引入了虚拟dom,也就是virtual dom,这样可以避免直接频繁操作真实的dom,以此来减少性能消耗。virtual dom通过diff算法(patch)来比较与真实dom的差异,从而更新dom,大大减少了对dom的操作,下面介绍具体方式一、准备工作比较v...原创 2020-05-01 19:21:39 · 873 阅读 · 0 评论