vue2.0 中的.vue 文件之间如何传递数据？

如有一个首页组件dashboard.vue

<template> <div> <LeftMenu CurrentPath="/home"></LeftMenu> <div id="right"> <RightHeaders></RightHeaders> <h1>仪表盘</h1> </div> </div> </template> <script> import LeftMenu from '../components/left-menu.vue' import RightHeaders from '../components/right-headers.vue' export default { components: {LeftMenu, RightHeaders} } </script> <style> #right { width: 87%; float: right; } </style> 

每次调用LeftMenu的时候我都希望给这个组件传送一个CurrentPath的值，left-menu.vue文件内容如下：

<template> <div id="left"> <div class="left-headers"> DarKer </div> <div class="left-menu"> <el-menu mode="vertical" theme="dark" v-bind:default-active="CurrentPath" :router="true"> <router-link to="/"> <el-menu-item index="/"><i class="el-icon-message"></i>仪表盘</el-menu-item> </router-link> <el-submenu index="5"> <template slot="title">用户管理</template> <el-menu-item-group title="个人设置"> <el-menu-item index="/users/your-profile">个人资料</el-menu-item> </el-menu-item-group> <el-menu-item-group title="所有用户"> <el-menu-item index="/users/list">用户列表</el-menu-item> </el-menu-item-group> </el-submenu> <router-link to="/messages"> <el-menu-item index="/messages"><i class="el-icon-message"></i>消息</el-menu-item> </router-link> </el-menu> </div> <h1>{{ CurrentPath }}</h1> </div> </template> <script> export default { data () { return {CurrentPath: ""} } } </script> <style> #left { background-color: #324057; width: 13%; height: 100%; position: fixed; } .left-headers { background-color: #7586a0; height: 60px; } </style> 

我只是需要把default-active这个参数改为动态的。