这篇文章给大家分享的内容是关于vue常用的三种传值方式,有一定的参考价值,有需要的朋友可以参考一下。
父组件向子组件进行传值:
父组件:
UQCMS云商是一款B2B2C电子商务软件 ,非常适合初创的创业者,个人及中小型企业。程序采用PHP+MYSQL,模板采用smarty模板,二次开发,简单方便,无需学习其他框架就可以自行模板设计。永久免费使用,操作简单,安全稳定。支持PC+WAP+微信三种浏览方式,支持微信公众号。
父组件:
子组件:
子组件:
{{inputName}}
2.子组件向父组件传值
立即学习“前端免费学习笔记(深入)”;
子组件:
子组件:
{{childValue}}
父组件:
父组件: {{name}}
3.非父子组件进行传值。(非父子组件之间传值,需要定义个公共的公共实例文件bus.js,作为中间仓库来传值,不然路由组件之间达不到传值的效果。)
公共bus.js
//bus.js import Vue from 'vue' export default new Vue()
组件A:
A组件: {{elementValue}}
组件B:B组件: {{name}}
相关推荐:









