vue2 & vue3 的底层原理个人解析摘要

Salted_finsh

已于 2022-07-15 19:08:18 修改

阅读量1k

点赞数 1

文章标签：大数据前端框架

于 2022-07-15 19:04:39 首次发布

本文链接：https://blog.csdn.net/Salted_finsh/article/details/125805741

版权

本文深入探讨Vue2.0和Vue3.0的核心思想，解析数据驱动的观测机制与组件系统。Vue2依赖于Object.defineProperty实现数据绑定，其组件系统包括模板、数据、props、方法等核心选项。然而，Vue2在性能和打包体积上逊于React。Vue3则带来了更科学的打包方式、Composition API、Fragment、Teleport、Suspense以及更好的TypeScript支持，提升整体效率和开发者体验。

摘要由CSDN通过智能技术生成

语法：

       Object.defineProperty (obj,prop,descriptor)

【 object.defineproperty：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。】

上述语法参数：

// obj：要在其定义属性的对象

// prop：要定义或修改的属性名称

// descriptor：将被定义或修改的属性描述符

返回值：被传递给函数的对象

vue 的核心即是，它是一个轻量级框架,api简单,文档齐全

那么 vue2 与 vue3 在升级更新、版本换代的过程中，具体发生了什么

vue2.0核心思想：

Vue.js是一个提供MVVM数据双向绑定的库，专注于UI层面，核心思想是：数据驱动、组件系统。

数据驱动：

Vue.js数据观测原理在技术实现上，利用的是ES5Object.defineProperty和存储器属性: getter和setter（所以只兼容IE9及以上版本），可称为基于依赖收集的观测机制。核心是VM，即ViewModel，保证数据和视图的一致性。
watcher
wat