我想使用来自https://github.com/vuejs/vue-class-component的新 Vue 语法。不幸的是,我无法访问通过v-model
. v-model
我可以改为声明一个 @value 属性来传递值,但鉴于我的代码库中有很多现有用途,这似乎有点不一致。
<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"/>