vue3中的watch使用

Lilico_

于 2021-04-30 15:50:54 发布

阅读量1.1k

点赞数

分类专栏： vue3

本文链接：https://blog.youkuaiyun.com/Lilico_/article/details/116304913

版权

本文介绍了Vue3中watch的使用，包括基本的监听数据变化、监听多个数据源的方法，帮助开发者理解如何在Vue3组件中实现响应式的数据监控。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基本用法：

<template>
  <div>
    name: {
   {
   obj.name}}
    <br>
    list:
    <ul>
      <li v-for="(item, index) in obj.list" :key="index"> {
   {
   item}} </li>
    </ul>
    <hr>
    <button @click="changeName">改变name</button>
    <button @click="changeList">改变list</button>
  </div>
</template>
<script lang="ts">
import {
   defineComponent, reactive, watch} from 'vue';

最低0.47元/天解锁文章