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

时间:2017-08-08 01:48:50

标签: webpack vue.js

我创建了一个小测试组件。每当我输入输入时,VueJS就会告诉我,我正在改变“价值”。道具事件,虽然我不是。有人能告诉我这里发生了什么吗?

<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>

我注意到在控制台中我得到了两个&#34;你正在开发模式下运行Vue。&#34;消息。这是否意味着我有两次被叫VueJS?这会导致上述错误发生吗?

已解决:问题确实包含在捆绑包中的两个VueJS副本。我将vue$ resolve.alias路径切换为指向绝对路径而不是相对路径并修复它。

resolve : {
    alias : {
        'vue$' : path.resolve(__dirname, 'node_modules/vue/dist/vue.esm.js')
    }
}

0 个答案:

没有答案