如何提高网站速度,微信系统开发技术,暖色调网页设计网站,重庆在建工程信息查询原理#xff1a;v-model本质上是一个语法糖#xff0c;比如应用在输入框上#xff0c;就是value属性和input事件的合写。#xff08;补充说明#xff1a;语法糖就是语法的简写#xff09;
作用#xff1a;提供数据的双向绑定
1.数据变#xff0c;视图#xff08;也就…原理v-model本质上是一个语法糖比如应用在输入框上就是value属性和input事件的合写。补充说明语法糖就是语法的简写
作用提供数据的双向绑定
1.数据变视图也就是浏览器上的内容跟着变:value
2.视图变数据也跟着变input
注意$event用于在模版中获取事件的形参。对于输入框而言就是e
下面进行代码演示 App.vue代码
templatedivinput v-modelmsg1 typetext brbr!-- 下面这里必须用$event不能用e --!-- input :valuemsg2 typetext inputmsg2e.target.value 这是错误的 --input :valuemsg2 typetext inputmsg2$event.target.value/div
/templatescript
export default {data(){return {msg1:,msg2:}}
}
/script上述代码说明v-model应用在输入框上就是由value和input组成的。