关于Vue3中defineProps用法图文详解
更新时间：2022年11月12日 15:31:23 作者：韩振方
在vue3中组件传参有很多种方式,和v2大差不差,但是有的地方还是有很多的区别,下面这篇文章主要给大家介绍了关于Vue3中defineProps用法的相关资料,需要的朋友可以参考下
之前只是单纯的会用，因为vue关于父子组件通讯差别有一点点大。
1.在父组件内传递变量的时候，需要加冒号:，否则你就只是单纯的传递了一个字符串而已。
2.在子组件里不需要引入defineProps就可调用该函数去接收父组件传来的属性。
我个人在这里给自己提醒⏰，可能我太迷糊了。
这里需要注意！！这是definePropsAPI是一个函数，它的返回值就是父亲传来的属性。
3.刚开始让我感到奇怪的是，我好像不用变量去接收，在template里也能正常使用。
那我还用变量接收干啥呢？这个API的返回值有毛线用啊？
也不用像React那样变量前面都得加一个props.才可以访问，也没有结构去拿。这么方便吗？
4.恍然大悟
原来在script标签里直接拿属性用是拿不到的…
这里变量名不一定非得是props，js可并没有规定不允许汉字作为变量名哦
下次聊聊defineEmits，主要react的一些思想还没完全转变到vue上，还需努力！
总结
到此这篇关于关于Vue3中defineProps用法的文章就介绍到这了,更多相关Vue3中defineProps用法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
为让大家更好的理解Vue3的Composition Api本文采用了详细的动画演绎，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要为大家详细介绍了前端实现Vue组件页面跳转的多种方式,文中的示例代码讲解详细,具有一定的参考价值,有需要的小伙伴可以了解下2024-02-02
本篇文章主要介绍了关于Vue的路由权限管理的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
vue2 v-model/v-text 中使用过滤器的方法示例
这篇文章主要介绍了vue2 v-model/v-text 中使用过滤器的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
el-table表头根据内容自适应完美解决表头错位和固定列错位
这篇文章主要介绍了el-table表头根据内容自适应完美解决表头错位和固定列错位,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
这篇文章主要为大家详细介绍了vue开发实现评论列表，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了mpvue开发音频类小程序踩坑和建议详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-03-03
本文主要介绍了在Vue3项目中实现常见文件类型的预览功能,包括docx、xlsx、pdf、txt、png、jpg、jpeg、mp4和mp3,具有一定的参考价值,感兴趣的可以了解一下2025-01-01
本篇文章主要介绍了vue与bootstrap实现时间选择器的示例代码，非常具有实用价值，需要的朋友可以参考下2017-08-08
这篇文章主要介绍了用Cordova打包Vue项目的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
最新评论