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.生命周期中的数据访问问题

猜你喜欢

转载自blog.csdn.net/weixin_43797908/article/details/108394129
今日推荐