首页 > 其他分享 >Vue在子组件中修改Props的几种情况

Vue在子组件中修改Props的几种情况

时间:2023-01-28 16:55:05浏览次数:40  
标签:Vue 在子 Prop 修改 报错 Props 组件

首先列举平常使用Vue 父组件传递数据到子组件的几种情况

传递的是基础数据类型(Number,Boolean,String)
传递的是引用类型(Object,Array)

结论

当传给子组件的Prop为基本数据类型是(Number,String)在子组件中修改Prop控制台会报错 prop的值不会改变
当传给子组件的Prop为引用时(Object,Array)在子组件中修改Prop的属性不会报错且值可以改变,且是响应试的

 

当然不建议在子组件中直接修改Prop的值,因为这样会破坏单一数据流,可能会导致数据的变化无法追踪。

标签:Vue,在子,Prop,修改,报错,Props,组件
From: https://www.cnblogs.com/porter/p/17070847.html

相关文章

  • Vue3数据对接报错(Unhandled error during execution of render function )
    如图:、 意思就是说:多了个value,在渲染div的时候,一些部分不应该有value查看一下传输数据的时候中间是否有null值的,或者无效值 ......
  • 直播程序,Vue input输入框回车以后自动刷新页面
    直播程序,Vueinput输入框回车以后自动刷新页面解决方案: 可以在标签上添加@submit.native.prevent。 <el-formlabel-position="top"size="mini":inline="true":d......
  • Vue 简介
    一、Vue是什么一套用于构建用户界面的渐进式1Javascript框架渐进式:Vue可以自底向上逐层的应用,简单应用:只需要一个轻量的核心库,复杂应用:引入各式各样的的Vue插件。二、......
  • 感受Vue3的魔法力量
    作者:京东科技牛至伟近半年有幸参与了一个创新项目,由于没有任何历史包袱,所以选择了Vue3技术栈,总体来说感受如下:•setup语法糖<scriptsetuplang="ts">摆脱了书写声明式的......
  • 感受 Vue3 的魔法力量
    ​  作者:京东科技牛至伟近半年有幸参与了一个创新项目,由于没有任何历史包袱,所以选择了Vue3技术栈,总体来说感受如下:•setup语法糖<scriptsetuplang="ts">摆脱了书......
  • Springboot + Vue ElementUI 实现MySQL可视化
    一、功能展示:效果如图: DB连接配置维护:  Schema功能:集成Screw生成文档,导出库的表结构,导出表结构和数据  表对象操作:翻页查询,查看创建SQL,生成代码可以单个代......
  • Laravel + Vue 3(Vite、TypeScript)SPA 设置
    在本教程中,我将向大家展示如何使用Laravel+Vue3使用typescript和Vite设置你自己的单页应用程序。这是在Laravel项目中添加PWA的手动方法。我们不会使用Inerti......
  • vue配置反向代理解决跨域__Vue.js
    正向代理与反向代理正向代理:在客户端和原始服务器(originserver)之间架设一个代理服务器,为了从原始服务器取得内容,客户端向代理发送一个请求并指定目标(原始服务器),然后......
  • vue3 中element-plusDropdown 背景色改变
    vue3中element-plusDropdown组件样式改变最近打算学习一下vue3,引入组件库的时候了解到vue3推荐使用element-plus,本以为和elememt-ui用起来差不多的,但是还是天真了(深深......
  • vue项目埋点实践,使用img发送埋点数据
    埋点数据种类:1.按钮点击2.页面切换(具体数据内容根据实际需求再定义)埋点数据交互:采用img的默认下载功能,发送get请求,带上埋点数据(此处后期需要加上加密)发送频率:1.固定时间2.......