2

我想使用来自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"/>
4

0 回答 0