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中的数据

相关推荐
雪隐5 分钟前
个人电脑玩AI-13让5060 Ti给你打工——我用 0.9B 小模型终结了"谁来记会议纪要"这个世纪难题
前端·人工智能·后端
橘子星8 分钟前
我一个前端切图仔,凭什么能在浏览器里跑大模型?
前端·javascript·前端框架
70asunflower13 分钟前
初学者理解 Web 工作原理(完全教程)
前端
爱勇宝16 分钟前
《道德经》第 7 章:真正厉害的领导者,不抢主角
前端·后端·程序员
观远数据17 分钟前
Excel到数据资产池:文件数据入湖的治理规范怎么建
前端·javascript·excel
CoderWeen18 分钟前
我写了个能一步步点着看的 Dijkstra 可视化项目(Vue3 + Leaflet + Generator)
前端·javascript·vue.js
两点王爷40 分钟前
一个快速加载面和多面数据的html测试页面(可以导出geojson数据文件)
前端·html·gis
热爱前端的小张41 分钟前
第四章 接口和类型兼容性
前端
hunterandroid42 分钟前
[鸿蒙从零到一] HarmonyOS 资源管理与多语言适配实战
前端
用户69371750013841 小时前
Claude Code终端日志Token占用实测:一个过滤器砍掉60%-90%
android·前端·后端