1. <template>
    2.   <div>TypeScript typeof 操作符</div>
    3.   <div>
    4.     {{ lolo }}
    5.   </div>
    6.   <div>
    7.     {{ aa }}
    8.   </div>
    10.   <div>
    11.     {{ color }}
    12.   </div>
    13.   <div>
    14.     {{ COLORS }}
    15.   </div>
    16. </template>
    18. <script lang="ts">
    19. import { defineComponent } from "vue";
    20. interface Person {
    21.   name: string;
    22.   age: number;
    23. }
    25. const kakuqo = {
    26.   name: "kakuqo",
    27.   age: 30,
    28.   address: {
    29.     provice: "河南",
    30.     city: "信阳",
    31.   },
    32. };
    34. const COLORS = {
    35.   red: "xx",
    36.   blue: "blue",
    37. };
    39. export default defineComponent({
    40.   setup() {
    41.     // demo1
    42.     const sem: Person = { name: "semgaga", age: 25 };
    43.     // 获取sem的变量类型 并且赋值给 Sem
    44.     type Sem = typeof sem;
    46.     const lolo: Sem = { name: "lolo", age: 5 };
    47.     // demo2
    48.     type Kakuqo = typeof kakuqo;
    50.     // demo3
    52.     type Colors = keyof typeof COLORS;
    53.     let color: Colors;
    54.     color = "blue";
    55.     // console.log("tag", color);
    56.     let aa: Kakuqo = {
    57.       name: "aa",
    58.       age: 20,
    59.       address: {
    60.         provice: "山西",
    61.         city: "临汾",
    62.       },
    63.     };
    65.     return {
    66.       lolo,
    67.       aa,
    68.       color,
    69.       COLORS,
    70.     };
    71.   },
    72. });
    73. </script>
    75. <style>
    76. </style>

    参考链接：http://www.semlinker.com/ts-typeof/