vue面试题 值得学习借鉴
需积分: 5 86 浏览量
2023-03-01
21:56:53
上传
评论
收藏 20KB DOCX 举报
1.自我介绍
2 分钟，200-300 个字，主旨自己基本情况，工作经历，优点，兴趣爱好，职业规划，邀约
2.vue 面试题
1.v-show 和 v-if 区别的区别：
v-show 通过 css display 控制显示和隐藏，v-if 组件真正的渲染和销毁，而不是显示和隐藏，
频繁切换状态使用 v-show 否则 v-if
2.为何 v-for 要用 key
快速查找到节点，减少渲染次数，提升渲染性能
3.描述 vue 组件声明周期 mm
单组件声明周期图
挂载： beforeCreate => created => beforeMount => mounted
更新： beforeUpdate => updated
销毁： beforeDestroy => destroyed
父子组件生命周期图
挂载： parent beforeCreate => parent created => parent beforeMount => child beforeCreate =>
child created => child beforeMount => child mounted => parent mounted
更新： parent beforeUpdate => child beforeUpdate => child updated => parent updated
销毁： parent beforeDestroy => child beforeDestroy => child destroyed => parent destroyed
从以上能够看出：
挂载时，子组件是在父组件 before mount 后开始挂载，并且子组件先 mounted，父组件随后
更新时，子组件是在父组件 before update 后开始更新，子组件先于父组件更新
销毁时，子组件是在父组件 before destroy 后开始销毁，并且是子组件先销毁，父组件随后。
4.vue 组件如何通信
1.父子组件 props 和 this.$emit
2.ref 链：父组件要给子组件传值，在子组件上定义一个 ref 属性，这样通过父组件的 $refs
属性就可以获取子组件的值了，也可以进行父子，兄弟之间的传值($parent / $children 与 ref
类似)
3. 事 件 总 线 bus ： 使 用 一 个 空 的 VUE 实 例 作 为 事 件 总 线 ， 自 定 义 事 件 event.$on
event.$off event.$emit
4 provide inject 组件通信
5.vuex
6.$attrs 和$listeners 仅仅是传递数据，而不做中间处理，$attrs 里存放的是父组件中绑定的
非 Props 属性，$listeners 里存放的是父组件中绑定的非原生事件。
剩余11页未读，继续阅读
资源评论
