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

5 votes209 views2 answers
Typescript css variables html
TypeScript
4 votes232 views2 answers
Magento 2 enable template hints command line
TypeScript
24 votes231 views4 answers
React children typescript
TypeScript
34 votes238 views3 answers
Serverless.ps1 cannot be loaded because running scripts is disabled on this system.
TypeScript
0 vote224 views1 answer
How to join all url segments to make a url in javascipt 30seconds of code
TypeScript
0 vote234 views1 answer
Ignoring header x-firebase-locale because its value was null. flutter
TypeScript
0 vote204 views1 answer
Sts is not opening in mac
TypeScript
0 vote231 views1 answer
Typescript foreach object ts(7053)
TypeScript
1 vote210 views2 answers
How to remove last 2 elements from list in python
TypeScript
8 votes222 views1 answer
If exists sql server
TypeScript