老师,询问一个问题。
来源:2-8 vue如何自己实现v-model
weixin_慕斯卡0244867
2021-07-20 19:47:30
自定义model具体有什么使用场景?
课程中老师说的颜色选择不太明白。
1回答
同学你好,解答如下:
1、首先了解一下什么是v-model:
vue中,input标签自带双向数据绑定功能。即父元素可以控制input的value值,同时用户往input中输入内容时,父元素也能获取到用户输入的数据。
而自定义v-modle,可以为组件添加双向绑定功能。含义也是:外部可以给组件传递数据,而组件内部如果做了改变数据的操作,也会被外部感知并获取到最新的数据。
2、常见应用就是颜色选择器:
父元素使用颜色选择器时,可以通过给颜色选择器传数据,控制它初始时,显示什么颜色:
颜色选择器内部,更改色值时,父组件中会获取到最新的值:
3、因此,双向数据绑定大多用在“父子组件某个数据需要联动的情景下”。
祝学习愉快!
相似问题