关于Vue3中defineProps用法图文详解
作者:韩振方 发布时间:2023-07-02 16:55:56
标签:vue3,defineprops
之前只是单纯的会用,因为vue关于父子组件通讯差别有一点点大。
1.在父组件内传递变量的时候,需要加冒号:
,否则你就只是单纯的传递了一个字符串而已。
2.在子组件里不需要引入defineProps
就可调用该函数去接收父组件传来的属性。
我个人在这里给自己提醒⏰,可能我太迷糊了。
这里需要注意!!这是defineProps
API是一个函数,它的返回值就是父亲传来的属性。
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