子组件内如何改变prop的值

 时间:2026-02-16 11:16:35

1、打开HBuilderX开发工具,下载和安装vue项目,接着在src的components中新建一个data文件夹,然后新建一个vue组件ChildData.vue

子组件内如何改变prop的值

子组件内如何改变prop的值

2、打开ChildData文件,在template标签中插入一个label和el-button,并绑定按钮点击事件

子组件内如何改变prop的值

3、添加data对象,并初始化statisDate;在methods中,添加按钮点击事件saveData

子组件内如何改变prop的值

4、使用相同方法创建父组件ParentData,打开父组件文件,并导入子组件,页面中插入子组件

子组件内如何改变prop的值

子组件内如何改变prop的值

5、打开App.vue文件,使用import导入父组件ParentData,然后在div中插入组件

子组件内如何改变prop的值

6、返回到子组件文件,修改statisDate的值,然后保存文件

子组件内如何改变prop的值

7、使用npm命令启动vue项目,打开浏览器,查看页面效果并点击按钮,查看是否有变化

子组件内如何改变prop的值

  • 康艺点钞机点钞过程中误报及维修方法:
  • 100扇门100 Gates图文攻略:[7]31-35关
  • 家庭自制姜味甜酱的做法
  • 数字万用表测量技巧
  • 山茶花叶片黑尖怎么办
  • 热门搜索
    中国移动宽带怎么样 怎么申请微信号 李雪健说话怎么回事 眼霜怎么用 肾亏怎么补 土豆粉怎么做好吃 汗疱疹怎么治疗 卧蚕怎么画 联想摄像头怎么打开 荨麻疹怎么办