javascript - vuejs怎样实现侧边树和页面内容的联动？

Question

树有根和叶子节点，页面内容有两个组件分别对应根节点和叶子节点，当点击根节点的时候，页面内容变成相应页面内容组件，点击叶子节点时变成另一个组件。

该功能使用vue-router还是vuex可以比较方便的实现该功能？

如果使用vue-router,v-link分别在叶子节点和根节点，他们可以统一对应到一个<router-view>吗？

树是递归的树，如何实现根和叶子连接不同的页面?

Answer 1

vue-router

大概就是这样：

<sidebar></sidebar>
<router-view></router-view>

在sidebar里面放你所谓的根子组件。。。在sidebar里面点击按钮是this.$route.router.go()到相应的页面。

Answer 2

可以参考我做的vue多层菜单 和 视图切换
https://github.com/kuma0605/v...