带有下划线的 Vue 属性无效

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

答案可以在文档中找到

与启动属性_或$将不被在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">