前言：长期没有确定props数据同步，今天做一下总结

1.prorps传递的是字符串

父组件传递aa值，并且aa动态修改
在这里插入图片描述
子组件接受
在这里插入图片描述
测试结果：
在这里插入图片描述
可以看出props传值以后是，子组件是可以接受到动态值的。

2.数组测试

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.对象中动态修改属性值（data中监听）

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
但监听必须使用deep深度监听。

4.对象中动态修改属性值（未在data中监听）

在这里插入图片描述
在这里插入图片描述

总结

由上面实例可以看出

  • 想要父组件 props 传值被子组件实时监听到，必须在父组件的 data 中先声明，对象类型必须声明到具体属性值。
# vue.js # 前端 # javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue