Vue+Bootstrap模态框的数据展示

Vue项目使用Bootstrap框架模态框问题笔记

（初学者笔记）
在vue项目中使用bootstrap模态框出现的问题：
模态框在执行修改操作时应该将选中的数据展示在模态框中，修改后在进行提交，那么如何获取选中的数据，并展示呢，下面是我自己在第一次接触vue项目时自己做demo遇到的这个问题解决办法，如果有更好的办法，望大家提出

环境

Vue ，bootstrap

要点

props，父组件向子组件传值

1为父组件中的值，2为子组件中的值
子组件接收参数，并在input框中双向绑定值（后面对数据修改后提交需要用到）
当父组件中的user发生改变时，子组件的user也会跟着变，同时页面会重新渲染，达到了我们修改操作的数据回显效果

点击修改，调用方法

将修改的数据当做参数传递给父组件，修改父组件中的user
子组件中的user也会跟这变化

这样数据就展示到页面上了
前面做过双向绑定，修改值后，子组件的user的值也会跟着变化，在提交时，直接提交子组件的user就行了