Computed vue typescript

<template>
    <div>
        <input type="text" name="Test Value" id="" v-model="text">

        <label>{{label}}</label>
    </div>

</template>

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

@Component({})
export default class About extends Vue {
    private text = "test";

    get label() {
        return this.text;
    }
}
</script>


// compotion-api style vue3 default

<script lang="ts">
import { defineComponent, ref, computed } from "@vue/composition-api";

export default defineComponent({
  setup() {
    const text = ref("test");

    const label = computed(() => {
      return text.value;
    });

    return {
      text,
      label
    };
  }
});
</script>

Source: stackoverflow.com

Similar codes

2 votes132 views2 answers
Angular jasmine mock http request
TypeScript
0 vote128 views1 answer
Reading multiple objects from file in java
TypeScript
2 votes130 views4 answers
How to run resize event only on client side angular
TypeScript
-2 votes137 views5 answers
Mysqli_fetch_array() expects parameter 1 to be mysqli_result, boolean given
TypeScript
1 vote137 views1 answer
How to Pass Arguments to a Bash Script
TypeScript
-6 votes123 views4 answers
Could not find a declaration file for module 'react'
TypeScript
1 vote130 views1 answer
Return the Objects Keys and Values
TypeScript
-1 vote132 views1 answer
What was in Rome that helped Renaissance artists achieve their goal of Humanism?
TypeScript
1 vote128 views1 answer
Concat string typescript
TypeScript
5 votes129 views1 answer
Check if column exists in dataframe
TypeScript