V-модель жалуется на реквизит и данные

Randy Hall спросил: 07 октября 2018 в 10:40 в: vue.js

Работая с 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"

Но когда для объекта data задано количество, как показано в учебной документации Vue, я получаю эту ошибку:

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.

Я в растерянности. Это поле не имеет отношения к родительским представлениям (vues?), Поэтому, возможно, я просто неправильно понимаю, как это настроить.


0 ответов