VUE2.0中父组件可以通过props和子组件传值，子组件和父组件通过子组件$emit发送事件到父组件，父组件接收到事件和数据后就可以进行正确的处理，对于自定义组件，大家基本上都没有问题，但是对于内部组件，尤其是不需要自己注入的组件比如route-view之类很多同行就困惑了，到底怎么做呢？
工具/原料
1
webpack
2
vue
3
vue-router
方法/步骤
1
vue中父组件通过props传递参数到子组件中，子组件接收父组件的数据后可以直接使用。这里就不再给普通的组件的例子了，我们直接上vue-router，首先在入口函数main.js中定义路由：
2
然后在父组件App.vue中使用vue-router，见图片中的router-link和router-view，选中的router-link会加载到router-view中，这里我们使用v-bind指令将Appp.vue中的msg传递到子组件
3
npm run dev，启动开发环境，见下图，父组件的msg，顺利被子组件接收且使用。
4
接下来在子组件中加入发送$emit事件的方法：子组件mounted后执行init方法，init发送test事件和数据first或者second;
5
父组件成功响应test事件，执行testp函数，修改msg值，msg通过props传递到子组件，效果如下
上一篇：wow怎么创建子帐号NGA
下一篇：不知道的黑白棋技巧