47道基础的VueJS面试题(附答案)
虚拟dom是一个js对象，用对象属性来描述节点，是一层对真实dom的抽象 因为dom的执行速度远不如js执行速度快，因此将真实的dom抽象成js对象，然后通过算法计算出真正需要更新的节点，从而减少了大量的dom操作。
答案：Vue3的新特性主要包括性能提升，响应式系统从Object.defineProperty改为基于ES6的Proxy，使其速度更快；重写了Vdom，优化了diff算法并增加了静态标志，还有更好的类型支持，代码组织和逻辑抽离，以及更多的新功能。
vue 响应式思想，也就是基于数据可变的。
一句话总结：vue.js采用数据劫持结合发布-订阅模式，通过Object.defineProperty（）来劫持各个属性的setter、getter，在数据变动时发布消息给订阅者，触发响应的监听回调。
assets文件夹里是静态资源；components是放组件；router是定义路由相关的配置；view视图；app.vue是一个应用主组件；main.js是入口文件 在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。
vue部分源码如下： 创建map函数 遍历寻找 在React中， 如果是由React引发的事件处理（比如通过onClick引发的事件处理），调用setState不会同步更新this.state，除此之外的setState调用会同步执行this.state 。
vue双向绑定面试怎么说
解释双向绑定的概念、介绍Vue的双向绑定实现方式。解释双向绑定的概念：双向绑定是指将数据和视图之间建立一种关联，当数据发生变化时，视图会自动更新；当视图发生变化时，数据会自动更新。介绍Vue的双向绑定实现方式：Vue提供了v-model指令来实现表单输入和应用状态之间的双向绑定。
双向绑定更新不同 vue2的双向数据绑定是利ES5的个API，Object.defineProperty对数据进劫持结合发布订阅模式式来实现的。
ViewModel 层： 把 View 需要的层数据暴露，并对 View 层的 数据绑定声明、 指令声明、 事件绑定声明 负责，也就是处 理 View 层的具体业务逻辑。 ViewModel 底层会做好绑定属性的监听。
说一下Vue.js中的MVVM模式。 MVVM模式即 Model- View- ViewModel模式。 Vue.js是通过数据驱动的， Vue. js实例化对象将DOM和数据进行绑定，一旦绑定，和数据将保持同步，每当数据发生变化，DOM也会随着变化。 ViewModel是Vue.js的核心，它是 Vue.js的一个实例。
一个元素绑定多个事件的写法有两种： 修饰符的使用 在method方法里分别写两个事件 Vue组件中的data值不能为对象，因为对象是引用类型，组件可能会被多个实例同时引用，如果data值为对象，将导致多个实例共享一个对象，其中一个组件改变data属性值，其它实例也会受到影响。
当然，这可以通过shouldComponentUpdate这个生命周期方法来进行控制，如果为true继续渲染、false不渲染，但Vue将此视为默认的优化。 vue 响应式思想，也就是基于数据可变的。
vuex原理面试是什么?
1、父子组件间通信：/使用props/$emit、ref/$parent/$children进行数据传递，EventBus解决跨级通信，而Vuex则是状态管理的得力助手。 Vuex魔法：/状态管理模式，store、mutation、action和module让应用状态管理井然有序，提升协作效率。
2、原理：在创建Vue实例时，Vue会遍历data选项的属性，利用Object.defineProperty（）为属性添加getter和setter对数据的读取进行劫持（getter用来依赖手机，setter用来派发更新），并且在内部追踪依赖，在属性被访问和修改时通知变化。
3、React可以使用Create React App （CRA），而Vue对应的则是vue-cli。都有管理状态，React有redux，Vue有自己的Vuex 设计思想 react 函数式思想，all in js ，jsx语法，js操控css 单项数据流 setState重新渲染 每当应用的状态被改变时，全部子组件都会重新渲染。
4、vuex可以理解为一种开发模式或框架。它是对 Vue. js框架数据层面的扩展。通过状态（数据源）集中管理驱动组件的变化。应用的状态集中放在 store中。改变状态的方式是提交 mutations，这是个同步的事务。异步逻辑应该封装在 action中。
5、前端面试中，Vue作为热门技术之一，其基础知识和特性是必不可少的。让我们深入探讨Vue的核心概念和关键点：Vue特性 - 数据驱动视图：Vue的单向数据绑定（data）和双向数据绑定（Vue 2/3响应式原理），通过getters和setters实现数据与视图的实时同步。
vue3面试题
1、vue2和vue3区别面试题介绍如下：vue2和vue3的区别：双向绑定更新不同、实例化不同、语法不同、获取props方式不同、数据和方法的定义不同。双向绑定更新不同 vue2的双向数据绑定是利ES5的个API，Object.defineProperty对数据进劫持结合发布订阅模式式来实现的。
2、Vue的MVVM架构：/Model-View-ViewModel，Vue通过双向绑定实现View与Model的无缝连接，简化开发流程。 虚拟DOM的魔力与局限：/虚拟DOM是Vue性能的守护者，但也需留意优化关键，如合理使用key、优化Webpack配置和基础Web技术。
3、简单版：利 Object.defineProperty 劫持对象的访问器，在属性值发变化时我们可以获取变化，然后根据变化进后续响应，在 vue0中通过Proxy代理对象进类似的操作。
4、第三种都可以实现子组件调用父组件的方法。 keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。 原来的组件实例会被复用。
5、vue是一个应用主组件；main.js是入口文件。 在Vue.cli中怎样使用自定义组件？在使用过程中你遇到过哪些问题？ 具体步骤如下。 （1）在 components目录中新建组件文件，脚本一定要导出暴露的接口。 （2）导入需要用到的页面（组件）。 （3）将导入的组件注入uejs的子组件的 components属性中。
标签： #vuex面试题及答案
