博客
关于我
vue3.0实现todolist(6)定义状态管理
阅读量:144 次
发布时间:2019-02-27

本文共 520 字,大约阅读时间需要 1 分钟。

状态管理 达到了数据共享

import { createStore } from 'vuex'export default createStore({  //定义所需要的状态的  state: {    name:'jack'  },  //同步修改state 都是方法 用来做异步操作 包括定时器 发请求  //第一个参数state 第二个参数是需要修改的值  mutations: {    setName(state,payload){      state.name=payload      state.name.slice(0,1)    }  },  //异步提交mutation  //第一个参数是store对象 第二个参数是修改的值  actions: {    asyncSetName(store,params){      setTimeout(()=>{        //commit是提交mutation 调用mutation的方法        store.commit('setName',params)      },2000)    }  },  //模块化的  modules: {      }})

 

转载地址:http://sivb.baihongyu.com/

你可能感兴趣的文章
Node-RED中使用node-random节点来实现随机数在折线图中显示
查看>>
Node-RED中使用node-red-browser-utils节点实现选择Windows操作系统中的文件并实现图片预览
查看>>
Node-RED中使用node-red-contrib-image-output节点实现图片预览
查看>>
Node-RED中使用node-red-node-ui-iframe节点实现内嵌iframe访问其他网站的效果
查看>>
Node-RED中使用Notification元件显示警告讯息框(温度过高提示)
查看>>
Node-RED中使用range范围节点实现从一个范围对应至另一个范围
查看>>
Node-RED中实现HTML表单提交和获取提交的内容
查看>>
Vue3+elementplus实现图片上传下载(最强实践)
查看>>
Node-RED中将CSV数据写入txt文件并从文件中读取解析数据
查看>>
Node-RED中建立TCP服务端和客户端
查看>>
Node-RED中建立Websocket客户端连接
查看>>
Node-RED中建立静态网页和动态网页内容
查看>>
Vue3+Element-ul学生管理系统(第二十二课)
查看>>
Node-RED中怎样让网站返回JSON数据
查看>>
Node-RED中根据HTML文件建立Web网站
查看>>