Vue3.0+TS管理系统基础使用之变量声明、计算属性、监听属性

将近一年没写过管理系统了,上一次用的还是vue2+js,这次接手的项目是Vue3+ts,一眼看过去好熟悉的style,第二眼开始蒙,数据写哪?计算属性咋写啊?

这里用到了一个第三方库vue-property-decorator。

一、变量声明

当我们在vue单文件中使用TypeScript时,引入vue-property-decorator之后,script中的标签就变为这样:

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

    @Component({
   })
    export default class "组件名" extends Vue{
   
        value1: string = "hello world";
        value2: number = 1;
    

你可能感兴趣的:(vue3+typescript,vue.js,前端,typescript)