Я хочу использовать новый синтаксис Vue из https://github.com/vuejs/vue-class-component. К сожалению, у меня проблемы с доступом к значению, которое передается с v-model
. Вместо этого я могу объявить свойство @value для передачи значения, но это кажется немного противоречивым, учитывая, что в моей кодовой базе существует множество вариантов использования v-model
.
<template>
<div>
{{value}}
</div>
</template>
<script lang="ts">
import Vue from "vue"
import Component from "vue-class-component"
import { Prop } from "vue-property-decorator"
@Component
export default class Display extends Vue {
@Prop() value!: string
// lifecycle hook
mounted() {alert("The value is " + this.value)}
}
</script>
Доступ к текущему коду можно получить с помощью:
<Display :value="myVar"/>
Я хочу получить доступ через:
<Display v-model="myVar"/>