`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()
    }
}

Vue-cli3中使用TS语法,以及使用例子
并不是要把vue文件改为ts，而是可以在vue中写ts语法 ts有什么用？类型检查、直接编译到原生js、引入新的...
vue自定义进度条插件(Vue.use())
1. Progress.vue 2.progress.ts 3.在main.ts中引入
vue、typescript工程下文件分离.html、.scss
在vue+ts工程中、无需只在.ts去开发导致总是上下滑动看模板和样式，使用vue-template-compil...
typescript for Vue
安装ts依赖添加ts配置配置webpack改造.vue改造Vue-router 安装ts依赖 npm instal...
vue-ts中的@Component
有同学看【手把手教你使用TS+Vue打造黑马便签应用】时问到 vue-ts中的@Component 是什么意思？简...
Vue 中的 ts
vue-property-decorator 中的 @Wathch 属性值必须在定义时有初始化值, 否则 watc...
vue3 在script setup中声明组件名字
使用unplugin-vue-define-options插件在vite.config.ts中配置如果是ts项...
vue中使用TS实现父子组件直接的通信
vue中使用ts 在vue中使用ts是需要有一定的ts基础的，如果对于ts小白的话还是推荐先看一下ts官网，先了解...
9、Vue3 crud案例
基于vue3、vuex、vue-router、ts 案例效果案例 App.vue main.ts src/ro...
vue3 + TS常见报错
1. main.ts报错（ Cannot find module './App.vue'.） 2. 在ts的vue...