vue

Vue3 相比 Vue2 最大的变化是什么？ 响应式从 Object.defineProperty 改为基于 Proxy，对象新增、删除属性也能被追踪。 新增 Composition API，更适合复杂逻辑复用和大型项目组织。 编译器、运行时、Tree-shaking、TypeScript 支持都有明显提升。 Vue3 还引入了 Fragment、Teleport、Suspense、多个根节点等能力。 Vue3 为什么使用 Proxy 做响应式？ Proxy 可以代理整个对象，不需要像 Vue2 那样递归劫持每个属性。 它能监听属性新增、删除、in、ownKeys 等操作。 对数组下标和 length 的处理也更自然。 缺点是无法兼容 IE11。 Vue3 响应式的基本流程是什么？ 读取响应式数据时，通过 track 收集当前副作用函数。 修改响应式数据时，通过 trigger 找到依赖并触发更新。 组件渲染本质上也是一个响应式副作用。 依赖收集依赖“读取”，没有读取过的数据变化不会触发当前组件更新。 reactive 和 ref 有什么区别？ reactive 通常...

vue源码学习vue-router部分(3.x部分对应vue2)思考 vue-router是一个插件？ 内部做了什么？ 实现并声明了两个组件router-view、router-link 实现install方法，及this.$router.push() 为什么要将router添加到main.js的配置项中 因为要在vue插件vue-router的install方法中去使用，而VueRouter.install方法是谁在调用呢？是Vue.use在调用，也就是说这个router插件执行的时刻是非常早的，在执行Vue.use(VueRouter)的时候，会调用install,所以他执行的时刻会比创建实例newVueRouter要早，所以在Vue.install方法里面，没有办法拿到vue实例this,所以我们才要把这个router写到main.js的new Vue里面 router-view是如何实现的 dom实现：因为在路由文件里定义了path和component，可以通过js的onHashChange事件，监听当前页的hash地址值，或者history的变化popstate...

开发环境搭建安装插件 对于Vue 3，您应该使用Vue CLI v4.5（可从上npm获得）@vue/cli。要升级，您需要在@vue/cli全球范围内重新安装最新版本：yarn global add @vue/cli# ORnpm install -g @vue/cli 创建项目vue create vue3-typescript 安装设置 1. Please pick a preset: Manually select features2. (*) Choose Vue version (*) Babel (*) TypeScript ( ) Progressive Web App (PWA) Support (*) Router (*) Vuex (*) CSS Pre-processors (*) Linter / Formatter ( ) Unit Testing ( ) E2E Testing3. ? Choose a version of Vue.js that you want ...

谈谈你对MVVM、MVC开发模式的理解 MVVM分为Model、View、ViewModel三者。* Model 代表数据模型，数据和业务逻辑都在Model层中定义；* View 代表UI视图，负责数据的展示；* ViewModel 负责监听 Model 中数据的改变并且控制视图的更新，处理用户交互操作； Model 和 View 并无直接关联，而是通过 ViewModel 来进行联系的，Model 和 ViewModel 之间有着双向数据绑定的联系。因此当 Model 中的数据改变时会触发 View 层的刷新，View 中由于用户交互操作而改变的数据也会在 Model 中同步。这种模式实现了 Model 和 View 的数据自动同步，因此开发者只需要专注对数据的维护操作即可，而不需要自己操作 dom。 什么是MVC：* M（modal）：是应用程序中处理数据逻辑的部分。* V （view） ：是应用程序中数据显示的部分。* C（controller）：是应用程序中处理用户交互的地方 简述Vue的响应式原理 当一个Vue实例创建时，vue会遍历data选项的属性，用 O...