老师,询问一个问题。

来源:2-8 vue如何自己实现v-model

weixin_慕斯卡0244867

2021-07-20 19:47:30

自定义model具体有什么使用场景?

课程中老师说的颜色选择不太明白。

写回答

1回答

好帮手慕久久

2021-07-21

同学你好,解答如下:

1、首先了解一下什么是v-model:

vue中,input标签自带双向数据绑定功能。即父元素可以控制input的value值,同时用户往input中输入内容时,父元素也能获取到用户输入的数据。

而自定义v-modle,可以为组件添加双向绑定功能。含义也是:外部可以给组件传递数据,而组件内部如果做了改变数据的操作,也会被外部感知并获取到最新的数据。

2、常见应用就是颜色选择器:

父元素使用颜色选择器时,可以通过给颜色选择器传数据,控制它初始时,显示什么颜色:

http://img.mukewang.com/climg/60f77f2f0915d4c606260670.jpg

颜色选择器内部,更改色值时,父组件中会获取到最新的值:

http://img.mukewang.com/climg/60f77f64093a890307030127.jpg

http://img.mukewang.com/climg/60f77f8a09557f9e04720157.jpg

3、因此,双向数据绑定大多用在“父子组件某个数据需要联动的情景下”。

​祝学习愉快!

0

0 学习 · 15276 问题

查看课程