Question

第一次与Vue进行修补，我的输入很简单，就像这样：

<input type="number" name="quantity" v-model="quantity" />

它位于组件内部。

在prop对象上设置了数量时，出现此错误（更改输入中的值时）：

Vue.component('my-product', {props: {quantity : {default: 1}}});

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "quantity"

但是，如Vue tutorial documentation所示，在data对象上设置了数量时，出现此错误：

Vue.component('my-product', {data: {quantity : 1}});

[Vue warn]: The "data" option should be a function that returns a per-instance value in component definitions.

我很茫然。该字段与父视图（观点？）无关，所以也许我只是误解了如何设置它。

Answer 1

哦，就在错误文本中...

Vue.component('my-product', {
  data: function(){ 
      return {quantity : 1}
  }
});

v模型抱怨道具和数据

1 个答案: