客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
Vue watchers allow to perform async updates as a side effect of a property change. This lesson shows you how you can watch properties on your class based component and how to use the @Watch decorator for it.
<template>
<div class="hello">
<button @click="clicked">Click</button> {{sum.acum}}
</div>
</template>
<script lang="ts">
import Vue from 'vue'
import {Component, Watch} from 'vue-property-decorator'
@Component({
})
export default class Hello extends Vue {
sum = {
acum: 0
}
@Watch('sum.acum')
watchCount(newVal, oldVal) {
console.log("newVal", newVal, "oldVal", oldVal)
}
clicked() {
this.sum.acum++;
}
}
</script>
|
请发表评论