Как отслеживать определенной свойство в объекте vue 3?

Question

[jamster]

Всем привет.
Используем vue3. Composition api. метод watch.
Суть в том что отслеживаем объект изначально с рядом вложенных свойств.
watch(object, (params) => callback);
Но надо отслеживать не все свойства объекта, а только определенное. Например есть объект.
const object = {property_1: 'value1', property_2: 'value2', property_3: 'value_3'}
Интересует отслеживание изменения только свойства property_1

Comments

[ZB Venom]

Может что-то такое подойдет? jsfiddle.net/oa07r5fw

Answer 1

[Александр Талалаев]

Всё просто. Используй watch на реактивном объекте

// ...
 const obj = reactive({
      prop1: 'prop1',
      prop2: 'prop2'
    })
watch(
      () => obj.prop1,
      (prop1, prevProp1) => {
        console.log("#######");
        console.log("Lets watch:");
        console.group();
        console.log("obj.prop1: " + prop1);
        console.log("Old prop1: " + prevProp1);
        console.groupEnd();
        console.group();
        console.log("Prop2: " + obj.prop2);
        console.groupEnd();
        console.log("End watch.");
        console.log("#######");        
      }
    )
//...

Вот пример:

Comments

[jamster]

Круто, спасибо)