web学习笔记（六十）

目录

1.watch监听器

2. 计算属性和watch的区别是什么？

3. vue3生命周期

4. 什么是虚拟dom?

5. 为什么在v-for循环时要绑定key？

6. 能否用V-for循环的索引做为key?

7. 组件

8. 如何使用公共组件来编写页面 

---

1.watch监听器

• 在 Vue.js 中，watch 是一个用来监听数据变化并执行相应操作的功能。可以使用 watch 来监视特定的数据，当数据发生变化时执行一些逻辑。比如当输入框中内容发生改变时，在控制台实时输出对应的内容。
• 特点：watch监听响应式数据的变化，从而触发回调函数，可以在函数内部计算结果，发送给异步请求，操作dom等内容。
• 使用场景：实时搜索，购物车加个计算，计算动态样式。
• 当一条数据影响多条数据的时候就需要用watch。Deep(深度监听)，immediate用来判断首次是否执行。
• watch是深度监听，任意内部属性的变化，都会触发watch

<template>
  <div>
    <input type="text" v-model="search" />
  </div>
</template>
<script setup>
import { ref, watch } fro