12cassie34

let currentListener = undefined

const createEffect = (callback) => {
  currentListener = callback
  callback()
  currentListener = undefined
}

// Use case
createEffect(() => {

12cassie34

import { ref, computed } from 'vue'

const A = ref(1)
const B = ref(2)
const C = computed(() => A.value + B.value)

A.value = 2

12cassie34

import { ref, watchEffect } from 'vue'

const A = ref(1)
const B = ref(2)
const C = ref()

watchEffect(() => {
  C.value = A.value + B.value
})

12cassie34

let A = 1
let B = 2
let C

function update() {
    C = A + B
}

whenDepsChange(update)

12cassie34

console.log(myProxy.message1)   // "world"
console.log(myProxy.message2)   // "world"

12cassie34

const target = {
  message1: "hello",
  message2: "everyone"
};

const handler = {
  get(target, prop, receiver) {
    return "world";
  }
};

12cassie34

const myName = ref('Cassie')
myName.value = 'Vanessa'

12cassie34

myFriendList.list.push("Rosalie")

12cassie34

const myFriendList = {
    list: ["Pauline", "Ségoline", "Christina"],
    get lastNewFriend() {
        return this.list[this.list.length - 1]
    },
    set addNewFriend(newFriend) {
        this.list.push(newFriend)
    }
}

12cassie34

whenDepsChange(update)