请问vue2中vue文件如何将本页的json数据传递到同级的vue中编辑

Question

我有个页面我想点击编辑的时候跳转一个表单编辑的vue文件，但数据改如何传递到下一个vue中呢？就是从society.vue 如何把表单数据传递到edit.vue 中 等编辑好再能传递回来 这该怎么做呢？

Answer 1

简单说下思路，不需要跳转，你的每一个小卡片，就叫做Card组件，这个Card组件有一个属性叫edit，默认为false，你点击编辑后，将点击的组件的edit属性修改为true，Card组件根据edit属性来展示编辑与否的样式，比如edit为false的时候，Card组件里的input的readonly为true，edit为true的时候，readonly为false就可以修改啦，改完后点保存，再修改edit属性为false就又是展示的样式咯。

Answer 2

如果打算开发大型单页应用，可以考虑使用 Vuex。如果应用够简单，可以考虑使用的global event bus

Answer 3

一种和楼上说的那样用Vuex进行状态管理和跳转，
还有一种用vue router的中的param进行参数传递，你在下一个页面组件初始化的时候手动在mounted()中写一个方法来接收通过路由传过来的参数