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 vote226 views1 answer
"Which of the following is the best description of the interior structure of a highly evolved high-mass star late in its lifetime but before the collapse of its iron core?"
TypeScript
0 vote243 views1 answer
Does casting have a higher precedence than dots java
TypeScript
1 vote223 views2 answers
Convert list elements to uppercase python
TypeScript
1 vote256 views1 answer
Edit card-deck breakingpoints bootstrap
TypeScript
-1 vote239 views1 answer
Top data scientists in the world
TypeScript
0 vote226 views1 answer
Mac mini late 2010
TypeScript
0 vote225 views1 answer
Typescript static example
TypeScript
0 vote233 views1 answer
Get type of element of array typescript
TypeScript
0 vote241 views1 answer
Algorithm that prints if one of the numbers is multiple of the other
TypeScript
3 votes246 views1 answer
Typescript add global variable to window
TypeScript