У меня очень распространенная проблема с обновлением до Vue 2.0
Я получаю предупреждение:
Избегайте прямого изменения свойства, так как значение будет перезаписываться при каждом повторном рендеринге родительского компонента. Вместо этого используйте данные или вычисляемое свойство на основе значения проп. Подставка изменена: "имя пользователя" (находится в компоненте)
Я прочитал документацию много раз, но до сих пор не могу понять, как это исправить.
username
и password
объявляются в основном приложении Vue.
Вот мой код:
var GuestMenu = Vue.extend({
props : ['username', 'password'],
template: '
<div id="auth">
<form class="form-inline pull-right">
<div class="form-group">
<label class="sr-only" for="UserName">User name</label>
<input type="username" v-model="username" class="form-control" id="UserName" placeholder="username">
</div>
<div class="form-group">
<label class="sr-only" for="Password">Password</label>
<input type="password" v-model="password" class="form-control" id="Password" placeholder="Password">
</div>
</form>
</div>',
});
App = new Vue ({
el: '#app',
data:
{
topMenuView: "guestmenu",
contentView: "guestcontent",
username: "",
password: "",
}
})
Я пробовал v-bind
но, похоже, он не работает, и я не могу понять, почему. Это должно привязать значение к родителю (основное приложение Vue)