Webpack 当道具值没有改变时,为什么VueJS会抛出道具变异警告?

Webpack 当道具值没有改变时,为什么VueJS会抛出道具变异警告?,webpack,vue.js,Webpack,Vue.js,我已经创建了一个小的测试组件。每当我在输入中键入时,VueJS都会告诉我我正在修改“value”prop事件,尽管我没有这样做。有人能告诉我这里发生了什么事吗 <template> <input type="text" :value="propValue" @input="inputHandler"> </template> <script> export default { data() { return {

我已经创建了一个小的测试组件。每当我在输入中键入时,VueJS都会告诉我我正在修改“value”prop事件,尽管我没有这样做。有人能告诉我这里发生了什么事吗

<template>
    <input type="text" :value="propValue" @input="inputHandler">
</template>

<script>
export default {
    data() {
        return {
            propValue : this.value
        };
    },
    props : [
        'value'
    ],
    methods : {
        inputHandler(event) {
            this.$emit('input', event.target.value);
        }
    }
};
</script>

您实际上不需要
propValue
数据属性。您可以安全地使用
:value=“value”
我还建议您在
输入中使用
propValue
作为
v-model
,然后将
事件.target.value
更改为
此.propValue
输入中(
@Derek我猜OP正在创建一个@Phil ahhh,公平,我不能复制这个问题:
resolve : {
    alias : {
        'vue$' : path.resolve(__dirname, 'node_modules/vue/dist/vue.esm.js')
    }
}