小编cal*_*joe的帖子

我使用Vue-cli安装VUE路由器，在我的App.vue我有<router-link to="/about" >About</router-link>其中这将显示有关组件的上点击的内容。现在，我想将 props 数据About.vue从 ``App.vue传递给组件。在里面添加 :myprops="myprops"<router-link to="/about" :myprops="myprops">About</router-link>不起作用，这就是为什么我将以下内容添加到App.vue：

<script>
import About from './components/About.vue';
export default {
  name: 'App',
 components:{'my-about':About}
  data(){return {...}
  },
props:{myprops:[{.....}]}
}
</script>

在About.vue组件内部，我是props:['myprops']为了获取道具数据并使用{{myprops}}它来显示它。现在，如果在里面App.vue，我添加<my-about :myprops="myprops"></my-about>然后道具数据将被移交About.vue并显示，但About.vue也将显示在我的App.vue页面上，并且它会在里面重复About.vue。我不想要那个。我只需要将myprops数据传递给About.vue组件而不显示About.vue里面的内容App.vue。而且，这是我里面的路径代码router/index.js供参考： { path: '/about', component: About }

我怎么能做到这一点？