Vue面试题目合集

1.MVVM模式与MVC模式的区别

Model View ModelView的缩写是一种设计思想，model代表数据层可以定义数据修改等，View是视图层或者UI组件，将数据转化成UI，MOdelView是同步View和Model的，MVVM下，model和View没有直接的接触，而是通过ModelView进行交互，MOdel变化会同步到ModelView中，并且是双向的，通过双向数据绑定进行连接，并且都是自动的

MVC模式也是一种设计思想，只不过是将controller替换成了ModelView

MVVM模式主要解决了MVC模式下的大量DOM操作带来的性能问题

2.v-show和v-if

v-show通过display:block  display:none进行元素的显示和隐藏

v-if是直接销毁和重建DOM 进行隐藏和显示，v-if会更加增加性能

3.Vue中引用插件的步骤

通过import  * from **引入或者中通过Vue.use(*)进行引入

4.vue-router有两种传参方式

因为vue-router可以使用path或者vue-link进行路由转换，所以有两种方法进行传参

两种方式一种是<vue-link :to={parms{}}></vue-link>

另一种就是router.jsh中进行设置path的时候/：id=1。。。进行设置，通过$route.parms.id进行获取

5..v-if和v-for一起使用的弊端以及解决办法

v-for的优先级比v-if高，如果v-for和v-if放在一起，v-if是通过销毁和创建DOM进行隐藏和显示的，所以就会不停的创建和销毁DOM导致性能下降，方法就是可以再v-for的外层或者内层创建一个元素将v-if进行包裹在使用

6.vue中的单项数据流和双向数据绑定是什意思？

单向数据流是指vue中的数据流是单向的，父组件向子组件传值，子组件是不能修改父组件中的data等值的

双向数据绑定是指数据和页面是绑定的，数据的变化会同步到页面中

7.Vue的生命周期

生命周期就是Vue实例从创建到销毁的过程，在这个过程中会调用一些函数，总共有8个钩子函数：创建前、创建后、挂载前、挂载后、更新前、更新后、销毁前、销毁后

8.生命周期中的数据访问问题