Здравствуйте, почему значение из консоли отличается от того что в переменной
<html>
<head>
<script src="https://unpkg.com/vue@next"></script>
<script src="index.js"></script>
</head>
<body>
<div id="app">
<div @click="isDropped =!isDropped">{{isDropped}}</div>
</div>
<script>
const { createApp } = Vue
createApp({
data() {
return {
isDropped: false,
};
},
methods: {
mehtod() {
this.isDropped = !isDropped
}
},
watch: {
isDropped(oldVal, newVal) {
console.log(newVal);
},
},
}).mount('#app')
</script>
</body>
</html>
https://jsfiddle.net/b4u869gm/ 
