感觉computed由某个值变化得出新值(return 某个值),而watch就是监控状态(无返回)
computed举例:监控当前页面路径变化
<template>
<div>当前路径{{path}}</div>
</template>
<script setup>
const route = useRoute()
const path = computed(()=>route.path)
</script>
watch举例:监控父级传来的param值的变化
<template>
<div>{{paramChanged}}</div>
</template>
<script setup>
const props = defineProps({
param: ''
})
const paramChanged = ref('')
watch(props,()=>{
paramChanged.value = props.param
})
</script>
引文: