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

twohappy
  • 77

初学者..
比如现在需要做一个对某个资源的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来搞,可以增加子路由,对应相应的子组件来实现。

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

回复
阅读 2k
1 个回答

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

宣传栏