vue的prop验证

本文探讨了Vue.js中prop的单向数据流特性,强调了父组件的prop更新会传递给子组件,但反向修改会被警告。文章介绍了如何在组件中安全地处理prop传递的数据,以及进行prop验证的方法。
摘要由CSDN通过智能技术生成

所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样是为了防止子组件意外修改父组件的值,从而造成文档数据流混乱。

在组件中修改 prop 传递过来的数据 Vue 会发出警告,所以有两种常见的用法去修改 prop 传递过来的值

export default {
   
    props:["msg"],
    data() {
   
        return {
   
        	// 本地data中定义属性,并将 prop 作为初始值(第一种)
            message:this
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值