Question

我正在做一些测试，我注意到当我使用下划线时我的属性无效。

示例：

new Vue({
el : "#form",

data: {
    errors: [],
    _username: '',
    _password: ''
});

在html文件中：

<input class="uk-input" type="text" v-model="_username" >
<input class="uk-input" type="password" v-model="_password">

使用上面的代码，应用程序不会呈现。如果我删除下划线它会起作用，有人知道为什么会发生这种情况吗？

Answer 1

答案可以在documentation

中找到

以_或$开头的属性不会在Vue实例上代理，因为它们可能与Vue的内部属性和API方法冲突。您必须以vm.$data._property
的形式访问它们

在模板中，您必须引用$data._username / $data._password，例如

<input class="uk-input" type="text" v-model="$data._username" >
<input class="uk-input" type="password" v-model="$data._password">