Vue 对象监听， JavaScript 和 TypeScript

最新推荐文章于 2024-10-21 15:10:49 发布

小小前端--可笑可笑

最新推荐文章于 2024-10-21 15:10:49 发布

阅读量373

点赞数 1

文章标签： typescript object js

本文链接：https://blog.youkuaiyun.com/qq_41860203/article/details/115522877

版权

本文探讨了在Vue框架中如何对对象进行监听，分别提供了JavaScript和TypeScript的实现方式，深入理解这两种语言在Vue对象监听上的差异和用法。

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

JavaScript写法

data() {
	str: '',
	obj: {
		a: ''
	}
}	

watch: {
  obj: { // 对象深度监听
    handler(val) {
      console.log('obj', val)
    },
    deep: true // 对象深度监听
  },
  str(val) {
	console.log(a, val)
  }
}

TypeScript写法

  private cat = {
    long: '12cm',
    age: 3
  }

  @Watch('cat', { immediate: true, deep: true })  // 对象深度监听
  private onCatChanged(val: Record<string, any>): void {
    console.log('cat', val)
  }