vue面试题

为什么选择vue.js？它解决了什么问题？

①vue学习简单，容易上手，熟悉基础的html、css、Js知识后，即可快速上手；
②学习环境好，教程多文档全
③响应式布局，便于开发，组件化，易管理

Vue3的优点，为什么要使用Vue3？

1.性能比vue2好
2.vue3按需编译，体积更小（ref、reactive、
computed等，仅仅在用到的时候才打包，没用到的模块都被去掉，打包的整体体积变小）
4.支持组合API（vue2使用选项式api，虽然选项式api条例清晰，但随着功能的增多，关联性下降，不便于理解）
5.更好的支持TS

TS比JS强在哪？

1.强类型：TS引入了类型检查，可以在编译阶段发现类型错误
2.更好的代码维护
3.面向对象编程：TS支持类、继承、抽象类、接口等面向对象编程特性
4.兼容性好，可以编译成不同版本的JS

对Vue生命周期的理解：

概念：Vue中实例或者组件从创建到消灭中间经过的一系列过程
简单过程：beforeCreate -> created -> beforeMount -> mounted -> beforeUpdate -> updated -> beforeDestroy -> destroyed

mounted和created的区别？

created在前，此时HTML还未渲染处理，用来初始化一些属性，渲染成视图，mounted在后，完成初始化页面后，可以对dom节点进行操作，进行数据绑定

Vue.js中组件之间是如何通信的？

最常见的方法是：props/ $emit
父组件向子组件传递数据，v-bind绑定一个变量，通过props传递；子组件向父组件传递数据，是通过 $emit触发事件来做到的
还有vuex

对vuex的了解？

专门为vue提供的一个状态管理模式，核心是State,Getters,Mutation，Action和module
State：存储状态（变量）
Getters：一般是使用getters来获取我们的state，相当于一个计算属性
Mutation：修改状态，store里面的数仅能通过mutations里面的方法改变,但是必须是同步的
actions：包含任意异步操作，用它处理完后再触发mutations来改变状态。
module：将 store 分割成模块

pinia和vuex的区别

pinia它没有mutation,他只有state，getters，action【同步、异步】使用他来修改state数据
pinia语法上比vuex更容易理解和使用，灵活
pinia没有modules配置，每一个独立的仓库都是definStore生成出来的

pinia优点和缺点

优点：完整ts支持，轻巧，支持多个store
缺点：不支持编辑之类的调试功能

MVVM的理解，和MVC有什么区别？

MVVM是模型-视图-视图模型。
MVC是模型-视图-控制器。
MVVM是双向数据绑定，MVC是单向数据绑定
mvvm主要解决了mvc中大量的DOM 操作使页面渲染性能降低，加载速度变慢，影响用户体验