<p dir="auto">I was not able to find in the current documentation but was wondering if there are plans to have Vue supporting the es6 class syntax like below??:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="class MyComp extends Vue {
   ...
}"><pre class="notranslate"><code class="notranslate">class MyComp extends Vue {
   ...
}
</code></pre></div>
<p dir="auto">I know this exists but its for .vue files and its not part of vuejs</p>
<p dir="auto"><a href="https://github.com/vuejs/vue-class-component">https://github.com/vuejs/vue-class-component</a></p>
<p dir="auto">Hi there,</p>
<p dir="auto">I've searched around and haven't find it so far so I hope it's no duplicate.</p>
<p dir="auto">Playing around with the watcher of VueJs I've found a small "ergonomic" issue.</p>
<p dir="auto">When I want to watch a property of a object a way to logically do this could be this:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="var App = new Vue({
    data: {
         object: {
               key: 'value'
         }
    },
    watch: {
        object: {
            key: function() {
                  console.log('watched');
            }
        }
    }
});"><pre class="notranslate"><code class="notranslate">var App = new Vue({
    data: {
         object: {
               key: 'value'
         }
    },
    watch: {
        object: {
            key: function() {
                  console.log('watched');
            }
        }
    }
});
</code></pre></div>
<p dir="auto">But that does not work, instead I have to do it like this:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="var App = new Vue({
    data: {
         object: {
               key: 'value'
         }
    },
    watch: {
        'object.key': function() {
             console.log('watched');
        }
    }
});"><pre class="notranslate"><code class="notranslate">var App = new Vue({
    data: {
         object: {
               key: 'value'
         }
    },
    watch: {
        'object.key': function() {
             console.log('watched');
        }
    }
});
</code></pre></div>
<p dir="auto">Is this something to consider? I personally like the way I showed in the first example better.</p>
<p dir="auto">Thank you.</p>