vue实现两个组件之间数据共享和修改操作

我们在使用vue开发过程中会遇到这样的情况，在父组件中引入了子组件，需要将父组件的值传到子组件中显示，同时子组件还可以更改父组件的值。怎么实现呢，首先，设置在该页面index.vue中设置一个变量index，左边导航栏每一项也对应一个index值，导航菜单绑定select函数，@select="handleSelect"，@是v-on的简写。handleSelect函数接收到参数，然后发射出去，再由父组件接收就可以了。然后就可以通过这个key改变index用来切换页面了。下面通过一个更加简单直观的例子讲解一下，新建一个Test.vue:再建一个Test2.vue:Test.vue是父组件，Test2.vue是子组件，下面先给Test配置路由，以便在浏览器上可以访问，为Test2定义模板，可以在Test中使用。