我创建了一个小测试组件。每当我输入输入时,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')
}
}