Watch multiple values in the Options API.

[vhakr]

Why can't multiple values be watched by the same handler in the options API? Is it that different from the the Composition API or is it a syntax issue? Or maybe there is a way to do it that isn't in the docs?
Edit: I'm wondering specifically WHY? Are there restriction or has it just not been looked at yet?

[hello-addweb]

Hey, there's no any official way in documentation but you can do something like this.

<template>
  <input v-model="name" />
  <input v-model="surname" />
</template>

<script>
export default {
  data() {
    return {
      name: 'jon',
      surname: 'snow',
      fullName: ''
    }
  },
  mounted() {
    this.$watch(vm => [vm.name, vm.surname], val => {
      this.fullName = this.name + ' ' + this.surname;

    }, {
      immediate: true,
      deep: true
    })
  }
}
</script>

[adoin]

watchEffect