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

1 vote210 views1 answer
Error: Missing "key" prop for element in iterator
TypeScript
1 vote161 views1 answer
Sonar properties exclude rule
TypeScript
0 vote211 views1 answer
An unhandled exception occurred: Schematic "Module" not found in collection "@schematics/angular".
TypeScript
1 vote209 views1 answer
A device that interconnects two local area networks that both have a medium access control sublayer.
TypeScript
2 votes201 views1 answer
Amcharts angular universal
TypeScript
1 vote274 views1 answer
Drop the rows where all elements are missing in a pandas dataframe
TypeScript
0 vote197 views1 answer
Piechart am4charts legend with actual values
TypeScript
0 vote197 views1 answer
IC markets minimum deposit
TypeScript
1 vote189 views1 answer
Python get elements from list of dictionaries
TypeScript
1 vote187 views1 answer
Ion slides updateAutoHeight
TypeScript