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

0 vote248 views1 answer
How to search for elements that are on the webpage using html
TypeScript
0 vote276 views1 answer
How to check if a value exists in another table mysql
TypeScript
0 vote255 views1 answer
DAX check if value exists in another table
TypeScript
0 vote298 views1 answer
<div>
TypeScript
0 vote258 views1 answer
Why can't define generic function in tsx file
TypeScript
0 vote261 views2 answers
Array objects to array of one property
TypeScript
0 vote275 views1 answer
Cats internet cafe 18 hr
TypeScript
0 vote253 views1 answer
Module '"@angular/fire/firestore"' has no exported member 'AngularFirestoreCollection'
TypeScript
11 votes251 views1 answer
How to remove dots in ul li
TypeScript
2 votes242 views1 answer
Typescript loop over map with value as array
TypeScript