1、1vue2相较vue3代码可读性比较差vue2中选项API格式的代码的可读性较差，当需要实现的某一个功能涉及到多个属性的时候，就会出现在 props中接收参数 在data中定义变量 在watch中监听变化 在computed中定义需要使用到的计算；vuex是一个专为vuejs应用程序开发的状态管理模式使用store，getters，mutations，actions，modules详细使用写法请见details600？spm=1001201430015502 4vuex中的数据；向TA提问 关注 展开全部 Vuejs 是一个流行的 JavaScript 框架，它的核心是基于响应式原理实现的这意味着当数据发生变化时，Vue 会自动更新相关的界面元素Vue 响应式原理的核心是通过使用 ObjectdefineProperty 函数来劫持对象的；20200103 前端vue框架面试题，vfor中的key啥作用？ 2 20180414 前端面试，被问到vue的组件是怎么写，我怎么回答 3 20180423 前端面试被问到，vue实现数据双向绑定，原理是啥 4 20190401 Vuejs开发WebApp项目被面试；3使用vuetools时 vuedevtools调试工具里显示的组件名称是由vue中组件name决定的 vfor的优先级比vif的优先级高，这是在源码中规定好的，并且vfor和vif不可以同时使用，同时使用会很浪费性能，比如明知判断。

2、1什么是vue的生命周期？ Vue实例从创建到销毁的过程，就是生命周期也就是从开始创建初始化数据编译模板挂载DOM渲染更新渲染卸载等一系列过程，我们称这是Vue的生命周期 2vue生命周期的作用是什么？ 它的生命周期中；其实没绑定 key 的话，Vue 还是可以正常运行的，报警告是因为没通过 Eslint 的检查接下来将通过源码一步步分析这个 key 的作用Virtual DOM 最主要保留了 DOM 元素的层级关系和一些基本属性，本质上就是一个 JS 对象。

3、简而言之，就是首先转化成AST Abstract Syntax Tree，抽象语法树，即将源代码语法结构抽象成树状表现形式，然后通过 render函数进行渲染，并返回VNode Vue js的虚拟DOM节点 详细步骤如下 1通过 compile编译器把 template编译成；解释双向绑定的概念介绍Vue的双向绑定实现方式1解释双向绑定的概念双向绑定是指将数据和视图之间建立一种关联，当数据发生变化时，视图会自动更新当视图发生变化时，数据会自动更新2介绍Vue的双向绑定实现方式；Vue 3 的源码分析可以从以下几个方面入手 1 Vue 3 的架构设计，包括响应式系统编译器渲染器等2 Vue 3 的核心实现，包括组件指令过滤器等3 Vue 3 的异步渲染机制，包括异步组件Suspense 等4；1都支持服务器端渲染 2都有虚拟dom，组件化开发，都有‘props’的概念，允许父组件往子组件传送数据，都实现webComponent规范 3数据驱动视图 4都有支持native的方案，React的React native，Vue的weex 5构建。

4、Diff算法是虚拟DOM的核心，它用于比较新旧虚拟DOM树之间的差异Vue中使用的是经典的Diff算法，具体包括以下几个步骤1 Walk遍历新旧虚拟DOM树，对比节点，并记录差异2 Update根据差异进行更新如果节点类型不同，直；1Vue3的新特性主要包括性能提升，响应式系统从ObjectdefineProperty改为基于ES6的Proxy，使其速度更快重写了Vdom，优化了diff算法并增加了静态标志，还有更好的类型支持，代码组织和逻辑抽离，以及更多的新功能2Vue3中；命周期，也就是从开始创建初始化数据编译模版挂载Dom 渲染更新。

5、原理在创建Vue实例时，Vue会遍历data选项的属性，利用ObjectdefineProperty为属性添加getter和setter对数据的读取进行劫持getter用来依赖手机，setter用来派发更新，并且在内部追踪依赖，在属性被访问和修改时通知变化每个组件实例会有相应的。