![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 71
土豆泥1号
一名前端工程师
展开
-
vue3和vite原理解析
Vue 3.0 性能提升主要是通过哪几方面体现的?响应式系统升级由vue2.0核心defineProperty升级为使用Proxy对象重写响应式系统编译优化源码体积优化移除了一些不常用的APItree-shakingVue 3.0 所采用的 Composition Api 与 Vue 2.x使用的Options Api 有什么区别?Options包含一个描述组件选项的对象开发复杂组件,同一个功能逻辑的代码被拆分到不同选项Composition一组基于函数的A原创 2021-08-06 20:11:44 · 458 阅读 · 0 评论 -
Vue.js 源码剖析-响应式原理、虚拟 DOM、模板编译和组件化
1.请简述 Vue 首次渲染的过程。vue初始化,实例成员,静态成员new vue()this._init()vm.$moment()运行时编译器版本vue如果没有传递render通过compileTofunctions() 生成render()渲染函数options.render = rendervm.$moment()运行时版本vue.jsmountComponent()mountComponent(this, el)触发beforeMount定义update原创 2021-04-14 01:37:10 · 155 阅读 · 0 评论 -
响应式原理和diff算法
当我们点击按钮的时候动态给 data 增加的成员是否是响应式数据,如果不是的话,如何把新增成员设置成响应式数据,它的内部原理是什么。let vm = new Vue({ el: '#el' data: { o: 'object', dog: {} }, method: { clickHandler () { // 该 name 属性是否是响应式的 this.dog.name = 'Trump' } }})点击添加按钮时不是响应式数据,在实例化的时候在dog上添加原创 2021-02-24 22:04:50 · 119 阅读 · 0 评论