Vue props

功能:让组件接收外部传过来的数据

(1)传递数据:

<Demo name="xxx">

(2)接收数据:

第一种方式(只接收):

props: ['name']

第二种方式(限制类型):

props: {

name:String

}

第三种方式(限制类型、限制必要性、指定默认值):

props: {

name: {

type:String,

required: true,

default: ''

}

}

备注:props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props内的内容到data中,然后修改data中的数据

相关推荐
QT 小鲜肉9 小时前
【Linux命令大全】001.文件管理之mtoolstest命令(实操篇)
linux·运维·前端·笔记·microsoft
holeer9 小时前
React UI组件封装实战——以经典项目「个人博客」与「仿手机QQ」为例
前端·javascript·react.js·ui·前端框架·软件工程
chilavert3189 小时前
技术演进中的开发沉思-277 AJax :Calendar
前端·javascript·microsoft·ajax
debug 小菜鸟9 小时前
搭建web 环境的那些事
前端
鹏多多9 小时前
Flutter下拉刷新上拉加载侧拉刷新插件:easy_refresh全面使用指南
android·前端·ios
幽络源小助理9 小时前
SpringBoot+Vue数字科技风险报告管理系统源码 | Java项目免费下载 – 幽络源
java·vue.js·spring boot
Mike_jia9 小时前
OpenDeRisk:AI 原生风险智能系统 ——7*24H 应用系统AI数字运维助手(AI-SRE)
前端
朱穆朗9 小时前
electron升级到33.0.x版本后,devtools字体的修改方法
前端·javascript·electron
IT_陈寒10 小时前
Java 21新特性实战:5个必学的性能优化技巧让你的应用提速40%
前端·人工智能·后端
HarrySunCn10 小时前
大夏龙雀DX-CT511N-B实战之路-第1步
前端·单片机·物联网·iot