vuejs中，一个组件的子组件通过vuex状态来切换还是通过vue-router子路由来切换？

Question

初学者..
比如现在需要做一个对某个资源的CRUD操作的组件，有table，form这么两个组件。
需要的界面有列表，新建，编辑和删除。
开始的时候做成了这样的：

├── myComponent
│   ├── index.vue
│   ├── form.vue
│   ├── pagination.vue
│   ├── search.vue
│   └── table.vue

<!--index.vue-->
<loadingAnimation></loadingAnimation>
<someTable v-if="mode == show"></someTable>
<someForm v-if="mode == edit || mode == create"></someForm>
...
<!--Table.vue-->
<Search></Search>
<table></table>
<Pagination></Pagination>

state:{
    currentItem:{},
    itemList:[],
    mode:'show'
}

编辑状态下面把 currentItem 设置成 itemList 中的一项，form读取这个 currentItem 来初始化表单。
新建状态下面这个值是空的。

我知道通过vue-router来搞，可以增加子路由，对应相应的子组件来实现。

请问这两种方法有没有对错？或者我上面说的这种有什么问题？谢谢。

Answer 1

回头看的话，无非是吃饭用叉子还是筷子的问题。