vue3 composition 模式下watch object

本文主要是介绍vue3 composition 模式下watch object，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

记录一些watch 一个object，即有子成员

  const message = ref('')const user = ref({firstName: '',lastName: ''})

对user 只能 watch value，直接watch user或者user.value.firstName都不可以。

 watch(message, (newValue, oldValue) => {console.log('New Value', newValue)console.log('Old Value', oldValue)// changelog.value = changelog.value + newValue + '=》' + oldValue})watch(user.value,(newValue, oldValue) => {message.value = newValue.firstName + oldValue.lastNameconsole.log('user New Value')console.log('user Old Value')// changelog.value = changelog.value + newValue + '=》' + oldValue})

或者 使用callbacks

watch([// getter callbacks() => user.value.firstName,() => user.value.lastName],(newValues, oldValues) => {console.log('New First Name', newValues[0])console.log('Old First Name', oldValues[0])console.log('New Last Name', newValues[1])console.log('Old Last Name', oldValues[1])})

这篇关于vue3 composition 模式下watch object的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---