问答

.vue文件组件之间的传值方式

作者:admin 2021-04-22 我要评论

用脚手架生成的项目中,不同的.vue组件文件传值,是不是只能用路由传值或者vuex,而不能用组件间的props方式传值了呢? ### 组件间依然可以使用 props 方式传值,...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

用脚手架生成的项目中,不同的.vue组件文件传值,是不是只能用路由传值或者vuex,而不能用组件间的props方式传值了呢?

###

组件间依然可以使用 props 方式传值,只是组件之间的层级变多了,一层层的写 props 传值管理起来麻烦,就用到了 vuex 作统一的状态管理

还有一些传递值的方法:

  1. 通过事件总线的方式 把参数挂载到 vue 的原型链上,但是这样后期阅读的时候可能会忘记参数挂载的位置。
  2. 或者通过 provide/inject 的方式传值,实现祖先和后代元素间的传值
  3. $root](https://cn.vuejs.org/v2/api/#vm-root)/[$parent, $children 将通过一个共同的父辈组件对组件中的子辈进行传值
  4. $refs 获取组件的 dom 实例的方式进行传值

具体可以看 Vue2 的文档 处理边界情况 这个部分。

不知道是不是你想要的答案,如有不对之处欢迎指正??

###

可以搜一下Vue的总线通信(eventBus),提供了一种在非父子组件间进行通信的方式,也很简单。

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • .vue文件组件之间的传值方式

    .vue文件组件之间的传值方式

  • 如何判断chrome是否安装了某扩展程序?

    如何判断chrome是否安装了某扩展程序?

  • Owin.hosting搭建web服务,无法跨域

    Owin.hosting搭建web服务,无法跨域

  • useReducer使用问题?

    useReducer使用问题?

腾讯云代理商
海外云服务器