Is it possible to ignore the watch firing during component initialization without introducing additional variables?

Question

Vue.js

Hey!

data() {
        return {
            some_value: null
        }
    },
    watch: {
        some_value(value) {
            // code
        }
    },
    mounted() {
        getAsyncData() 
    },
    methods: {
        async getAsyncData() {
            this.some_value = await api.getSomeValue()
        }
    }

The standard vue component, when initialized, the watcher will work as expected - the variable has changed from null to the received value. Is there a way to make it not fire on initialization? If the solution is only with the help of a separate variable (if (notTheFirstTime) { // code }), then I would be glad if someone suggested how these variables are called in such cases.

It is necessary to ignore the first call because after changing the monitored value, the data save method is called via debounce. Making a pull request and then a second update request is extremely unwise.

Answer 1

Start monitoring after receiving data:

async created() {
  await this.getAsyncData();
  this.$watch('some_value', value => {
    ...
  });
},