＜script setup＞如何使用多个 watch

最新推荐文章于 2024-02-27 14:23:27 发布

天魔老师

最新推荐文章于 2024-02-27 14:23:27 发布

阅读量217

点赞数

分类专栏：前端文章标签： vue.js javascript 前端 setup watch

本文链接：https://blog.csdn.net/weixin_39990025/article/details/130287343

版权

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<script setup>
import { watch, defineProps, reactive } from "vue"

const props = defineProps({
  'nodeId': {
    type: Number,
    required: true,
  },
})

const initState = {
  connectionList: {},
}

const state = reactive(initState);

watch(
  () => props.nodeId,
  (newVal, oldVal)=> {
    console.log('nodeId changed', oldVal, newVal)
  },
)

watch(
  () => state.connectionList,
  (newVal, oldVal)=> {
    console.log('state.connectionNumEchartList changed', oldVal, newVal)
  },
)
</script>