Vue之Vuex的商品列表项目（router/store）

文章浏览阅读143次，点赞13次，收藏2次。商品列表，包含商品名称和商品价格字段，可以编辑和删除。展示的数据必须保存到Vuex，页面跳转使用Vue-router来实现要求：（1）商品列表默认是空，点击“添加商品”按钮后会从事先定义好的商品数组里随机添加一些商品信息，每个商品可生成一个id，代表商品唯一，并保存的Vuex。（2）编辑时会跳转到编辑页面，默认进入编辑页面时展示该商品的信息，商品信息可以修改，修改完并提交完之后会自动跳转到商品的列表页面，这时候刚才编辑的商品信息就会发生变化。