关于Vue3中defineProps用法图文详解
作者：韩振方 发布时间：2023-07-02 16:55:56
标签：vue3,defineprops
之前只是单纯的会用，因为vue关于父子组件通讯差别有一点点大。
1.在父组件内传递变量的时候，需要加冒号:，否则你就只是单纯的传递了一个字符串而已。
2.在子组件里不需要引入defineProps就可调用该函数去接收父组件传来的属性。
我个人在这里给自己提醒⏰，可能我太迷糊了。
这里需要注意！！这是definePropsAPI是一个函数，它的返回值就是父亲传来的属性。
3.刚开始让我感到奇怪的是，我好像不用变量去接收，在template里也能正常使用。
那我还用变量接收干啥呢？这个API的返回值有毛线用啊？
也不用像React那样变量前面都得加一个props.才可以访问，也没有结构去拿。这么方便吗？
4.恍然大悟
原来在script标签里直接拿属性用是拿不到的…
这里变量名不一定非得是props，js可并没有规定不允许汉字作为变量名哦
下次聊聊defineEmits，主要react的一些思想还没完全转变到vue上，还需努力！
来源：https://blog.csdn.net/fang_my/article/details/125398984
0
投稿猜你喜欢
PHP join() 函数实例把数组元素组合为一个字符串：<?php $arr = array('Hello',- 目录1、分布式事务2、SAGA3、SAGA 实践4、处理网络异常5、处理回滚6、小结银行跨行转账业务是一个典型分布式事务场景，假设 A 需要
- 对range()逆序的解释在 Python3.6 中，range() 函数返回一个可迭代的范围对象，范围类型表示不可变的数字序列，一般用在
- python爬虫是程序员们一定会掌握的知识，练习python爬虫时，很多人会选择爬取微博练手。python爬虫微博根据微博存在于不同媒介上，
- 最近两周由于忙于个人项目，一直未发言了，实在是太荒凉了。。。。，上周由于项目，见到Python的应用极为广泛，用起来也特别顺手，于是小编也开
- function nohtml(str) dim re Set re=new
- 今天使用python写了一个简单的爬虫，用来下载taptap网站的游戏截图。下面说下具体的实现方法。在搜索框中搜索“原神”打开浏览器的开发者
- 1.将ipynd编译成tex建议将其放在桌面处理ipython nbconvert —to latex pdf.ipynb2.修改tex双击
- Python 的虚拟环境用来创建一个相对独立的执行环境，尤其是一些依赖的三方包，最常见的如不同项目依赖同一个但是不同版本的三方包，而且，在虚
- 深度遍历：原则：从上到下，从左到右逻辑（本质用递归）：1）、找根节点2）、找根节点的左边3）、找根节点的右边class Node(objec
- 本文实例讲述了php中常量DIRECTORY_SEPARATOR用法。分享给大家供大家参考。具体如下：DIRECTORY_SEPARATOR
- Python装饰器用法Python的装饰器是个好东西，它能干很多事情。但对于新手，它看起来似乎没那么简单。但事实上，装饰器本身也只是个函数。
- 浅谈NumPy中的维度AxisNumPy中的维度是一个很重要的概念，很多函数的参数都需要给定维度Axis，如何直观的理解维度呢？我们首先以二
- 前言最近助教改作业导出的成绩表格跟老师给的名单顺序不一致，脑壳一亮就用pandas写了个脚本自动吧原始导出的成绩誊写到老师给的名单中了哈哈哈
- 首先要写连接字符串可以在web.config里写上<connectionStrings>
- 一、集合在 python 中用 {} 扩起一堆数字，但是这堆数字没有体现映射关系，那么这堆数字就是一个集合。集合的特色：集合在 python
- 各位大家好！很荣幸能在这里和大家聊聊！(*^__^*) 嘻嘻……此处省略488字，切入正题。关于网页设计这个行业，在中国来讲这个行业并不成熟
- html页面一般都会指定一个编码，如何获取到是处理html页面的第一步，因为错误的编码必然带来后面处理的问题。这里我用python的正则表达
- 正文 curl，用于发送请求的命令行工具，一个 HTTP 请求客户端（实际上它也可以做 FTP/SCP/TELNET 协议的事情，
- 最近脱离了googlecolab想使用本地的anaconda进行机器学习课题的演练，在安装tensorflow时报错 : Unsatisfi
