Vue3学习笔记

1、使用过的钩子函数

onMounted()

注册一个回调函数，在组件挂载完成后执行

onUnmounted()

注册一个回调函数，在组件实例被卸载之后调用

onBeforeMount()

注册一个钩子，在组件被挂载之前被调用。

onBeforeUnmount()

注册一个钩子，在组件实例被卸载之前调用。

2、history: createWebHashHistory('/'),与history: createWebHistory()的区别

createWebHashHistory在url上有一个“#”

而createWebHistory()在url上没有#，我们常用createWebHistory

3、Vue-Router的作用

是Vue.js官方提供的路由管理器插件，它与Vue.js核心深度集成，主要用于构建单页面应用程序

4、ref（）和reactive（）

ref（）用于创建一个响应式的值，适用于简单的字符串，数组等

reactive（）用于创建一个响应式的对象，适用于复杂的对象

5、v-if和v-show区别

v-if是只有满足条件了才渲染，不会直接渲染

v-show是直接渲染，但是有一个display可以控制是否展示渲染效果

6、route和router区别

route获取当前页面的信息（路径，参数等）

router负责当前页面的跳转

7、computed（）作用

只要方法体里面的任何一个响应式变量的值发生改变的时候，这个函数就会从新执行

8、RestfulAPI

get：只能通过url传递参数，不能通过请求体，支持幂等性

post：可以通过url也可以通过请求体，我们一般通过请求体，不支持幂等性

put：是用请求体传参，支持幂等性

delete：使用url传参，支持幂等性

9、vue3中ref和reactive的区别

10、watch和computed区别

computed（（）=>{A,B,C}）可以监听A,B,C任意一个响应式变量的值，只要发生改变就会触发计算属性

watch（A,(newvalue，oldvalue)=>{}）:监听我们A这个变量的值，发生变化就直接触发watch方法

11、父子组件传值通过defineModel

12、v-for里key 的作用

这边的分类查询为什么要循环 :key("变量")
解答：key 的作用就是唯一标识，虚拟 dom 导出真实dom 时，在完成时在往里面添加值时，如果不指定 key，它会将真实的 dom 全部都重新渲染，如果指定了，他就会对你指定的进行渲染，提高前端视图渲染的效率，避免重复渲染

13、axios的优势（你们前后端如何交互的）