vue2面向对象，vue20常见面试题

Vuex深入解读(适用于Vue2)

使用 Vuex 的好处有： 多层嵌套的组件、兄弟组件间的状态会更好管理维护。 缓存一些当前要使用请求远程或本地的数据集（刷新后会自己销毁）。 有了第二条，就可以减少向服务器的请求，节省资源。

Vuex 是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。

基本属性：state：vuex的基本数据，用来存储变量。geeter：从基本数据(state)派生的数据，相当于state的计算属性。mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。

相关问答

Q1: Vue2和Vue3的区别&&Vue3的组合式API

1、vue2和vue3的区别：双向绑定更新不同、实例化不同、语法不同、获取props方式不同、数据和方法的定义不同。

2、项目目录不同 vue-clio移除了config.文件夹。多了vue.config.js文件。新增了一个views文件夹。删除了static新增了public文件夹。index.html移动到public了。

3、更大的包大小：Vue3的包大小比Vue2大，因此需要更长的下载和解析时间。这会导致页面渲染速度变慢。更多的代码拆分：Vue3倾向于将代码拆分成更小的模块，这可以提高代码的可维护性和可读性。

4、vue2和vue3生命周期钩子函数的不同 vue2中的生命周期 vue3中的生命周期 而且Vuex 生命周期在调用前需要先进行引入。

Q2: vue2和vue3区别面试题

1、vue2和vue3区别面试题介绍如下：vue2和vue3的区别：双向绑定更新不同、实例化不同、语法不同、获取props方式不同、数据和方法的定义不同。

2、Vue2和Vue3的区别如下：双向数据绑定原理不同：Vue2使用ES5的Object.defineProperty()对数据进行劫持，结合发布订阅模式的方式来实现双向数据绑定；而Vue3使用了ES6的Proxy API对数据进行代理。

3、项目目录不同 vue-clio移除了config.文件夹。多了vue.config.js文件。新增了一个views文件夹。删除了static新增了public文件夹。index.html移动到public了。

4、Composition API是Vue3中新的API设计方式，它与Options API的主要区别在于，Composition API是基于函数的，可以更好地组织和复用逻辑代码。

5、（1）、vue2：是一个构造函数，通过该构造函数创建一个Vue实例 （2）、Vue3：是一个对象。并通过该对象的createApp()方法，创建一个vue实例。（1）、Vue2：可以通过el选项和$mount()方法来挂载容器。

6、vue2 是一个构造函数，通过new创建一个Vue实例 vue3是一个对象。

Q3: JS,Vue2,data的写法对象式和函数式,el(element)的两种写法

对象式和函数式，当使用组件时必须使用函数式，否则报错。Vue2，el（element）的两种写法 new Vue()，已配置el属性。创建Vue实例，再通过vm.$mount(#root)指定el的值。

前端视图层的概念，主要把每个页面分成了M（Model）、V（View）、VM（VM ViewModel）。VM是其中核心，M和V间的调度者。

（1）、vue2：是一个构造函数，通过该构造函数创建一个Vue实例 （2）、Vue3：是一个对象。并通过该对象的createApp()方法，创建一个vue实例。（1）、Vue2：可以通过el选项和$mount()方法来挂载容器。

Q4: vue2和vue3区别开发环境问题?

1、配置项不同 vue-cli0的域名配置，分为开发环境和生产环境。所以配置域名时，需要在config中的dev.env.js和。prod.env.js中分别配置0 config.文件已经被移除。但是多了。

2、vue2和vue3的区别：双向绑定更新不同、实例化不同、语法不同、获取props方式不同、数据和方法的定义不同。

3、Vue2和Vue3的区别如下：双向数据绑定原理不同：Vue2使用ES5的Object.defineProperty()对数据进行劫持，结合发布订阅模式的方式来实现双向数据绑定；而Vue3使用了ES6的Proxy API对数据进行代理。

关于vue2面向对象和vue20常见面试题的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。