Vue.js Vue:模型与数据

Vue.js Vue:模型与数据,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,我刚刚发现,除了数据之外,还有一个名为model的属性,但不幸的是,我在Vue文档中找不到任何与此相关的内容。这是怎么一回事?如果这就是我所期望的,比如一个实际的数据模型,那么它比数据有什么优势呢?在哪里以及如何使用它 模型与数据完全不同,其功能也不相似 model与v-model指令相关 首先,您应该知道v-model实际上是:value和@input的语法糖。粗略地说,这意味着,当您使用: <input type="text" v-model="myVar"> .box{边框:

我刚刚发现,除了数据之外,还有一个名为model的属性,但不幸的是,我在Vue文档中找不到任何与此相关的内容。这是怎么一回事?如果这就是我所期望的,比如一个实际的数据模型,那么它比数据有什么优势呢?在哪里以及如何使用它

模型与数据完全不同,其功能也不相似

model与v-model指令相关

首先,您应该知道v-model实际上是:value和@input的语法糖。粗略地说,这意味着,当您使用:

<input type="text" v-model="myVar">
.box{边框:1px纯红色;边距:5px;} 正文{字体系列:verdana;字体大小:x-small;} .花式{边框:1px紫色虚线;} 这是因为v-model设置了一个:值并需要一个@input。而且,这个奇特的文本框会接受一个“值”道具并发出一个“输入”事件。 这一个不起作用,因为v-model设置了一个:值,并且需要一个@input。超级花哨的文本框采用“初始”道具,并发出“你好”事件。 如果您声明模型:{prop:'initial',event:'howdy'},它将使v-model工作。 这是因为v-model设置了一个:值并需要一个@input。而且,尽管超级花哨的文本框接受“initial”属性并发出“howdy”事件,但我们已经声明了模型:{prop:'initial',event:'howdy'}。 模型与数据完全不同,其功能也不相似

model与v-model指令相关

首先,您应该知道v-model实际上是:value和@input的语法糖。粗略地说,这意味着,当您使用:

<input type="text" v-model="myVar">
.box{边框:1px纯红色;边距:5px;} 正文{字体系列:verdana;字体大小:x-small;} .花式{边框:1px紫色虚线;} 这是因为v-model设置了一个:值并需要一个@input。而且,这个奇特的文本框会接受一个“值”道具并发出一个“输入”事件。 这一个不起作用,因为v-model设置了一个:值,并且需要一个@input。超级花哨的文本框采用“初始”道具,并发出“你好”事件。 如果您声明模型:{prop:'initial',event:'howdy'},它将使v-model工作。 这是因为v-model设置了一个:值并需要一个@input。而且,尽管超级花哨的文本框接受“initial”属性并发出“howdy”事件,但我们已经声明了模型:{prop:'initial',event:'howdy'}。
@谢谢,非常好的资源。@bhill77:谢谢,非常好的资源。