关于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
投稿猜你喜欢
- 本文实例讲述了phpmyadmin中禁止外网使用的方法。分享给大家供大家参考。具体方法如下：首先，在phpmyadmin文件夹中找到 php
- var _change = { &
- 如果您想详细了解eval和JSON请参考以下链接：eval ：https://developer.mozilla.org/En/
本文实例为大家分享了TensorFlow实现卷积神经网络的具体代码，供大家参考，具体内容如下代码（源代码都有详细的注释）和数据集可以在git- 方法一： 代码如下:id=request.form("checkbox") id=Split(id,"
- Ruby 是一门通用的语言，不仅仅是一门应用于WEB开发的语言，但 Ruby 在WEB应用及WEB工具中的开发是最常见的。使用Ruby您不仅
- 以下面这个例子作为教程，实现功能是element-wise add；（pytorch中想调用cuda模块，还是用另外使用C编写接口脚本）第一
- 在零售、经济和金融等行业，数据总是由于货币和销售而不断变化，生成的所有数据都高度依赖于时间。如果这些数据没有时间戳或标记，实际上很难管理所有
- 在java中一个hashCode算法，可以用来计算一个字符串的hash值，今天一个朋友突然问俺能不能在js中计算hashCode，要求和ja
- 作者：catmelo 本文版权归作者所有链接：https://www.cnblogs.com/catmelo/p/4162101.html本
- 本文实例为大家分享了js省市县 * 级联特效的实现代码，供大家参考，具体内容如下主要思想1.省改变，市改变，并初始化县2.市改变，县改变htm
- 阅读上一篇：打造设计你自己的字体 Ⅱ永远都在寻觅字体设计的灵感。夏天过后，我买了一套便宜的书法钢笔，说服自己，它会让我的鸡爬字产生脱胎换骨的
- 在做我的友情链接批量检查工具过程中，碰到一些情况，就是对方网页会用gzip压缩。用gzip压缩的好处是，能压缩网页大小，加快网页的浏览速度，
- 一、什么是数据库事务数据库事务( transaction)是访问并可能操作各种数据项的一个数据库操作序列，这些操作要么全部执行,要么全部不执
- 本文实例讲述了python实现得到一个给定类的虚函数的方法，分享给大家供大家参考。具体如下：现来看看如下代码：import wx for m
- 1、字符串拼接通过+运算符现有字符串码农飞哥好，，要求将字符串码农飞哥牛逼拼接到其后面，生成新的字符串码农飞哥好，码农飞哥牛逼举个例子：st
- 小小程序猿SQL Server认知的成长 1.没毕业或工作没多久，只知道有数据库、SQL这么个东东，浑然分不清SQL和Sql Server
- 最近在工作中，遇到了数据合并、连接的问题，故整理如下，供需要者参考~一、concat：沿着一条轴，将多个对象堆叠到一起concat方法相当于
- 先看一个示例代码如下<template> <div align="center" styl
- 最近做项目中有一个模块是用于实时监控的，左边有个菜单栏用于显示所有的设备，那当然是从数据库中动态获取的了，右边是个iframe用于显示监控画
