Vue 中的 ts

vue-property-decorator 中的 @Wathch

属性值必须在定义时有初始化值, 否则 watch 不生效

<script lang='ts'>  
import { Vue, Component, Watch} from 'vue-property-decorator'

@Component
export default Class Deom extends Vue {
    private testData: number = 1 // 这里必须有初始化值,否则 watch 不生效
    @Watch('testData')
    onTestDataChange() {
        console.log('testData新值', this.testData)
    }
    
    created() {
        this.testData = Math.random()
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。