老师,请问这是自定义属性吗?这个作用有点看不太懂

老师,请问这是自定义属性吗?这个作用有点看不太懂

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,解答如下:

1、截图红框中的model是vue提供的固定属性,用来实现自定义v-model的。input元素,自带v-model(双向数据绑定)属性,如果我们想在自己写的组件中也使用v-model这个属性,那么可以借助model属性。

2、CustomVModel.vue是我们自己写的组件,它里面有input框。此时可以利用vue提供的一些属性,实现双向数据绑定:

https://img1.sycdn.imooc.com//climg/6283562409ca832206290309.jpg

实现过程如下:

https://img1.sycdn.imooc.com//climg/6283564e09e265f709100636.jpg

https://img1.sycdn.imooc.com//climg/6283567f09576d7909910702.jpg

props用来接收v-modle传过来的数据:

https://img1.sycdn.imooc.com//climg/628356f209c687f712380614.jpg

model中,设置双向绑定关系:

https://img1.sycdn.imooc.com//climg/6283579c0941479109720661.jpg

同学知道对应关系,会用就行(固定用法,记住)。

祝学习愉快!

  • 老师,这个自定义组件的v-model本质是父子组件通信,通过props和$emit实现?

    此外,老师用的截图编辑软件是?


    2022-08-18 15:03:14
  • 解答如下:

    1、是的。可以理解成一种特殊的、快捷的父子组件通信形式。

    2、老师的截图软件是Snipaste。

    2022-08-18 15:34:52
  • 好的,谢谢老师

    2022-08-18 15:39:57
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师