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

7 votes133 views4 answers
Typescript array
TypeScript
0 vote160 views1 answer
Python multiple named imports on one line
TypeScript
1 vote139 views1 answer
E_MISSING_NAMED_MIDDLEWARE: Cannot find a middleware named "auth"
TypeScript
0 vote138 views1 answer
Copy the first two array elements to the last two array elements
TypeScript
0 vote145 views1 answer
Upload keystore file to secrets github actions
TypeScript
0 vote147 views1 answer
Laravel middleware for apis
TypeScript
0 vote160 views1 answer
Python append elements from one list to anoter
TypeScript
1 vote149 views1 answer
List the constituents of the xylem. what would happen if the xylem of root of a plant is blocked?
TypeScript
0 vote138 views1 answer
Ionic scroll to item programmatically
TypeScript
0 vote151 views1 answer
Latex brackets around lines in text mode
TypeScript