title: Vue Trigger watch on mounted
body: <p>I have a vue component below that I want to watch to trigger on when it's getting mounted.  How do I do that?</p>
  <pre class="lang-js prettyprint-override"><code>Vue.component('check-mark', {
    name: 'check-mark',
    template: `&lt;input :value=&quot;value&quot;/&gt;`,
    props: {
      value: {
        type: String,
        required: true,
      },
    },
    mounted: async function () {
      //trigger this.value watch() here
    },
    watch: {
      value: function (value) {
        if (value == 'Y') {
          this.class = 'checked';
        } else {
          this.class = 'unchecked';
        }
      },
    },
  });
  </code></pre>