博客
关于我
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, nvm, npm,pnpm,以前简单的前端环境为什么越来越复杂
查看>>
Node-RED中Button按钮组件和TextInput文字输入组件的使用
查看>>
vue3+Ts 项目打包时报错 ‘reactive‘is declared but its value is never read.及解决方法
查看>>
Node-RED中Slider滑杆和Numeric数值输入组件的使用
查看>>
Node-RED中Switch开关和Dropdown选择组件的使用
查看>>
Node-RED中使用exec节点实现调用外部exe程序
查看>>
Node-RED中使用function函式节点实现数值计算(相加计算)
查看>>
Node-RED中使用html节点爬取HTML网页资料之爬取Node-RED的最新版本
查看>>
Node-RED中使用JSON数据建立web网站
查看>>
Node-RED中使用json节点解析JSON数据
查看>>
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服务端和客户端
查看>>