子组件内如何改变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关
  • 家庭自制姜味甜酱的做法
  • 数字万用表测量技巧
  • 山茶花叶片黑尖怎么办
  • 热门搜索
    怎么做微商代理 桂林旅游团 师傅的师傅怎么称呼 古铜色怎么调 凉拌菜的做法 腾冲旅游攻略 诺森德怎么去 吃西餐怎么拿刀叉 怎么样开网店 冉闵怎么读