子组件内如何改变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关
  • 家庭自制姜味甜酱的做法
  • 数字万用表测量技巧
  • 山茶花叶片黑尖怎么办
  • 热门搜索
    母亲节贺卡怎么做 南京航空航天大学金城学院怎么样 怎么排宿便 蛇胆疮怎么治 罪恶都市怎么开飞机 怎么消除双下巴 药物过敏怎么办 怎么制作ppt课件 心率不齐怎么办 日光性皮炎怎么办