比如:从添加页面到列表页面,添加内容之后跳到列表页面时就要同步更新列表内容。首先在store.js文件中定义一个js文件中定义一个list数组,用于存放每次添加的内容,mutations{}里定义相应的添加方法。在add添加组件引入store文件,再定义一个触发方法去把输入的添加内容提交传递给store. js里mutations下对应的添加方法,这样list数组里就有了数据。然后list列表组件引入store文件,使用computed计算属性监听获取list数组,遍历列表就可以了。
使用vuex的场景例子
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Vue加载OpenLayer入门教程(超简单)
来日可期啊
2020-07-08 12:37:34
Uniapp中父组件向子组件传递prop,新的prop会带有旧的prop属性
py_boy
2020-07-08 12:07:32
Element-ui
狂风
2020-07-08 11:49:25
element-ui中的el-table-column加v-if不生效,表头错乱
項目中需要按照不同的媒體類型,展示不同的表頭且數據字段也不同。可以增加不同key值解決v-if不生效問題。 <el-table-column prop="author" align="center"
杨哥杨哥万万岁
2020-07-08 12:30:46
vue中index.html文件为什么可以使用模板语法
杨哥杨哥万万岁
2020-07-08 12:30:46
pywebview cef打包 到达断点的弥补办法
qq_42289686
2020-07-08 12:00:21
富文本编辑器之————Vue-Quill-Editor
ddx2019
2020-07-08 11:55:42
Html Webpack Plugin: ReferenceError: process is not defined
修改ejs文件 將<% if (!process.browser) {%> 改成: <% if (!require(‘process’).browser) { %>
真·skysys
2020-07-08 11:54:32
electron-vue项目引入element-ui
真·skysys
2020-07-08 11:54:31
后端 Java 程序员眼中的 Vue——(一)创建及运行
厕所博士
2020-07-08 11:50:38
Axios--基础知识
GQ_cyan
2020-07-08 11:50:38
vue.js 里面,什么是虚拟DOM?
阿冰介
2020-07-08 11:48:15
vue 是怎么实现数据响应的
阿冰介
2020-07-08 11:48:15
基于activiti5.22、SpringBoot2开发的流程解决方案,源码分享
一直孤独的程序猿
2020-07-08 11:39:18