小编给大家分享一下前端vue面试题有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强> vue面试题强>
1. vue-router是怎么传递参数的
引用>
2. v和v代表一起使用的弊端以及解决办法
3. beforedestroyed里面一般进行什么操作vue同
4.级组件间怎么传值
5. vue中父组件如何获取子组件的属性和方法
6.观察和计算的区别
7. vue父组件和子组件生命周期的顺序
8. vue中父组件能监听到子组件的生命周期吗
9. vue中的事件修饰符主要有哪些?分别是什么作用
10。介绍下什么是& lt;点火电极/祝辞
11.看能监听到数组的流行行为吗
12.看如何实现深度监听
13. vue中如何解决页面不重新渲染问题<强> vue面试题解析强>
<强> 1,vue-router有两种传参方式强>
(1)通过在路由器。js文件中配置路径的地方动态传递参数,路径:& # 39;/细节/:id # 39;然后在组件内通过。美元route.params.id即可获取
(2)。在router-link标签中传递参数
& lt; router-link :={ 参数:{ x: 1 } },/在也通过。美元的路线。params获取
注意:这里通过router-link传递参数的方式是隐式传参
引用><强> 2,v和v代表一起使用的弊端以及解决办法强>
由于v代表的优先级比v高,所以导致每循环一次就会去v如果一次,而v是通过创建和销毁dom元素来控制元素的显示与隐藏,所以就会不停的去创建和销毁元素,造成页面卡顿,性能下降。
解决办法:在v代表的外层或内层包裹一个元素来使用v
<强> 3,beforeDestroy里面一般进行什么操作强>
beforedestoryed是组件销毁之前执行的一个生命周期,在这个生命周期里,我们可以进行回调函数或定时器的清除,不用的dom元素的清除等
<强> 4,vue同级组件间怎么传值强>
1。如果是兄弟组件,可通过父元素作为中间组件进行传值2。通过创建一个公共汽车,进行传值
//,创建一个文件,定义总线中间件,并导出 const bus =, new Vue ()//,在一个组件中发送事件 公共汽车。美元发出(& # 39;事件名称& # 39;,,传递的参数)//,在另一个组件中监听事件 公共汽车。美元(& # 39;事件名称& # 39;,,得到传过来的参数)<强> 5,vue中父组件如何获取子组件的属性和方法强>
vue中通过在子组件上定义ref属性来获取子组件的属性和方法,代码如下:
//,这里是父组件 & lt; templete> & lt; child  ref=癱hild"/比; & lt;/templete> & lt; script> 方法:,{ getChild (), { refs.child美元。属性名(方法名) } } & lt;/script><强> 6,观察和计算的区别强>
看作用通常是由一个值影响多个值的改变并且能监听到这个值变化时,会去执行一个回调函数,此时我们可以在这个回调函数中做一些逻辑处理
计算是根据依赖的值衍生出一个新的值,并且依赖的值可以有多个,只有当被依赖的值发生改变时,才会重新去执行计算
<强> 7,vue父组件和子组件生命周期的顺序强>
1),渲染过程顺序:
父组件beforeCreate ()→创建父组件()→父组件beforeMount ()→子组件beforeCreate()→子组件创建()→子组件beforeMount ()→子组件安装()→父组件安装()
2),更新过程顺序:
父组件更新过程:
父组件beforeUpdate ()→父组件更新()子组件更新过程:
父组件beforeUpdate ()→子组件beforeUpdate ()→子组件更新()→父组件更新()3),销毁过程
父组件beforeDestroy ()→子组件beforeDestroy ()→子组件销毁()→父组件销毁()<强> 8,vue中父组件能监听到子组件的生命周期吗强>
父组件能够监听到子组件的生命周期,通过@hook:进行监听代码如下:
//,这里是父组件 & lt; template> & lt;孩子 @hook:安装=癵etChildMounted"/比; & lt;/template> & lt; script> 方法:,{ getChildMounted (), {//,这里可以获取到子组件安装的信息 } } & lt;/script><强> 9日vue中的事件修饰符主要有哪些?分别是什么作用强>
。站:阻止事件冒泡
前端vue面试题有哪些