vue/cli3 + typescript 中watch prop component computed 的用法

Posted xiebeibei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue/cli3 + typescript 中watch prop component computed 的用法相关的知识,希望对你有一定的参考价值。

    第一步:引入:

import {Component,Prop,Watch, Vue} from ‘vue-property-decorator‘;
//注意点: 首字母都是大写

第二步:用法
1.component
@Component({
components:{
//组件的名字
}
})
export default class formall extends Vue {
2.prop
@Prop() private visible:boolean = false;
//visible 为父级传递过来的数据

3.computed 
private get  columns(){
//计算的数据
}
4.watch

@Watch(‘你要监听的属性‘)
watchData(newVal, oldVal) {

console.log("newVal", newVal, "oldVal", oldVal);
//处理你的逻辑运算
};


}

以上是关于vue/cli3 + typescript 中watch prop component computed 的用法的主要内容,如果未能解决你的问题,请参考以下文章

「Vue」vue cli3中axios的基本用法

VUE CLI3 less 全局变量引用

vue cli3 创建的项目中eslint 配置 问题的解决

Vue cli3.0搭建及过程中遇到的问题总结

如何阻止 vue cli3 构建将 vue.js.min 包含在我的 chunk-vendors.js 文件中?

Vue Cli3配置文件优化处理