如何使用vue.js中的方法实现不同组件之间的传值

 时间:2024-10-15 02:35:47

1、第一步,在vue项目中,新建一个vue文件,并在<template></template>插入DOM元素,如下图所示:

如何使用vue.js中的方法实现不同组件之间的传值

2、第二步,在<script></script>标签内,编写passValue事件函数,如下图所示:

如何使用vue.js中的方法实现不同组件之间的传值

3、第三步,接着在App.vue组件中,导入第一步新建的vue组件,并引入,如下图所示:

如何使用vue.js中的方法实现不同组件之间的传值

4、第四步,在父组件的template标签内,引入创建的组件,注意写法,如下图所示:

如何使用vue.js中的方法实现不同组件之间的传值

5、第五步,保存代码并打开浏览器查看效果,结果打印结果出现了报错,如下图所示:

如何使用vue.js中的方法实现不同组件之间的传值

6、第六步,错误提示pmsg没有声明定义,在子组件中添加props并将pmsg添加到其中,如下图所示:

如何使用vue.js中的方法实现不同组件之间的传值
  • 微信置顶语设置教程
  • 菜干焖鸭的做法
  • 胃病是什么原因引起的
  • 图解JumpServer权限管理
  • 笋干炖肉怎么做?
  • 热门搜索
    wis护肤品怎么样 擘怎么读 恐龙怎么画 无线蓝牙耳机怎么用 妊娠怎么读 笋怎么做好吃 为什么电脑很卡 我的世界地图怎么做 小腿肌肉酸痛是怎么回事啊 孕妇咳嗽怎么办