vue3面试题

01.vue组件通信

1、组件通信常用方式有一下8中

• props
• $emit/$on
• $parent/$children
• $attrs/$listeners
• ref
• $root
• eventbus
• vuex
• provide/inject

02-v-for和v-if优先级

有关vue2的 v-for和v-if，点这里
结论是：vue2 和 vue3的答案是相反的，官方文档有说，点这里

错误的做法：

//这将抛出一个错误，因为“todo” property 没有在实例上定义 
<li v-for="todo in todos" v-if="!todo.isComplete"> // 你要敢这样用，我就敢报错，一切为了性能着想
  {{ todo.name }}
</li>
1
2
3
4

正确的做法：

<template v-for="todo in todos" :key="todo.name">
  <li v-if="!todo.isComplete">
    {{ todo.name }}
  </li>
</template>
1
2
3
4
5

03-简述Vue生命周期

04-双绑使用和原理

05-Vue中如何扩展一个组件

06-子组件可以修改父组件数据吗

07-Vue项目权限管理如何做？

08-说说对Vue数据响应式的理解

09-虚拟DOM，它又来了！

10-你了解diff算法吗？

11-说说你知道的Vue3新特性

12-vue-router动态路由有什么用？

13-你如何实现一个vue-router

14-说说key的作用？

15-说说nextTick使用和原理？

16-computed和watch的区别？

17-父子组件创建、挂载顺序是怎样的？

18-如何缓存和更新组件

19-如何从0到1架构一个Vue项目？

20-你知道哪些Vue最佳实践？

21-说说你对Vuex的理解

22-从template到render发生了什么？

23-Vue实例挂载过程发生了什么

1. 挂载过程指的是app.mount()过程，做了两件事：初始化 和 建立更新机制
2. 初始化会创建组件实例，初始化组件状态，创建各种响应式数据
3. 建立更新机制这立即执行一次组件更新函数，这回首次执行组件渲染函数并执行patch将前面获到的vnode转换为dom，同时首次执行渲染函数会创建它内部响应式数据和组件更新函数之间的依赖关系，以后数据变化变化就执行更新函数

24-Vue3设计目标和优化点有哪些？

25-Vue优化方法有哪些

26-Vue组件为什么只能有一个根节点

27-什么情况需要使用Vuex模块？

28-为什么要路由懒加载

29-ref和reactive有何差异？

30-watch和watchEffect异同？

31-SPA和SSR有何异同？

32- vue-loader是什么？