vue typeScript get set 用法

我的vue项目是3.0版本

<template><span>get set 用</span>{{ msgValue }} <span v-if="time">{{ time }} 秒后修改 msgValue 的值</span>
</template><script lang="ts">
import { Options, Vue } from 'vue-class-component'@Options({})
export default class ClassPage extends Vue {msg = '66'time = 3get msgValue() {return this.msg + '777'}set msgValue(value: string) {this.msg = value}mounted() {setTimeout(() => {this.msgValue = '999'}, 3000)this.setTime()}setTime() {const k = setInterval(() => {this.time--if (this.time === 0) {clearInterval(k)}}, 1000)}
}
</script><!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss"></style>

3秒后修改msg的值也同事修改msgValue值

vue typeScript get set 用法相关推荐

Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
前言本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目,并在此过程中踩过的坑 . TypeScript 具有类型系统,且是 JavaScript 的超集,TypeScript ...
Vue 脚手架||Vue 脚手架的基本用法
Vue 脚手架 Vue 脚手架用于快速生成 Vue 项目基础架构,其官网地址为:https://cli.vuejs.org/zh/ npm install -g @vue/cli 检测是否安装成功 ...
vue中directives的用法
Vue中directives的用法关于 vue 中 directives 的用法问题,详细可以参考vue官方对directives的解释当前文章主要讲述directives怎么用,directiv ...
vue中props的用法
vue使用props的用法日常编程中都会用到父组件用子组件.子用父的情况,下面先介绍一种子传父的情况 1.在父组件中 (1).首先是在其定义一个list属性以存储其数据值 (2).定义一个绑定属性& ...
vue 插槽 slot 的用法
vue 插槽 slot 的用法一.简单定义.使用 slot 二.slot 变量传值三.跨组件传递 slot 方法1: 多定义一个中间插槽方法2:使用 scopedSlots 字段传递作用域插槽 ...
vue中定时器一般用法，定时器函数传参以及清除定时器
一.vue中定时器一般用法(举个例子) 显示当前时间, setInterval()方法会每秒执行一次函数,类似手表功能: <template><div class="use ...
Vue TypeScript @Watch监听里面immediate的用法
immediate: 顾名思义就是立即执行的意思,放在我们程序里,就是在页面初始化的时候就立即执行@Watch下面的handle函数. immediate一共有两个属性,true 和 false.不写 ...
vue-property-decorator vue typescript写法
什么是Typescript TypeScript 是一种由微软开发的自由和开源的编程语言,它是 JavaScript 的一个超集,扩展了 JavaScript 的语法.作者是安德斯大爷, Delphi ...
Vue—Typescript
Vue-cli推出了3.0,自带了Pwa和Typescript,尝试了下发现Typescript用起来十分方便,这里简单介绍下. 这次脚手架项目中用到了2个插件,vue-class-component ...
说出vue中的几种指令和他的用法_说一说VUE中的/deep/用法
七夕了,写个昨天遇到的bug来缓解下没有人约的尴尬. 昨天和QA过历史bug时,发现有好几个浏览器不兼容的导致式样变形的bug,调查了一番发现是因为deep选择器的原因. 在说bug之前,先看看vue ...

vue typeScript get set 用法

vue typeScript get set 用法相关推荐

最新文章

热门文章