VUEX新笔记
$store.commit('abc'),
const mutations={
abc:(state)=>{
state.flag='mutations'
}
}
多个mutations时用到distpach管理
$store.dispatch('abc')
const actions={
abc:({
commit,state=>{commit('abc')}
})
}
const mutations={
abc:(state)=>{
state.flag='mutations'
}
}
const state={
flag:true
}
const store=new vuex.Store{
state,
actions,
mutations
}
computed:{
count2():{
return this.$store.state.count
}
}
computed:mapState(['count','flag']) 拿到值{{count}},{{flag}}
import {mapState,mapGetters,mapActions} from "vuex" //状态管理的获取
//与计算属性相似
let getters={
count(state){
return state.count
}
}
computed:mapGetters(['count']) {{count}}
添加,减少:
const state={
flag:true,
count:3
}
@click="add"
add(){
$store.dispatch('add')
}
const actions={
add:({commit,state})=>{commit('add')
const mutations={
add:(state)=>{
state.count++
}
}
导出const store=new vuex.Store({
state,
actions,
mutations,
getters,
})
最后一个实例v-show=""
最新文章
- Debian 8中dpkg -i自动解决依赖关系
- C++11的enum class &; enum struct和enum
- oracle学习笔记系列------oracle 基本操作之表的增删改查
- jQuery.extend源码深层分析
- 【BZOJ】1090: [SCOI2003]字符串折叠(dp)
- eclipse中tomcat加gc日志输出
- SSIS ->;>; Null &; Null Functions
- Java代码整理
- 关于JavaScript的模块化
- Java源码解读(一)——HashMap
- 最简单的基于libVLC的例子:最简单的基于libVLC的视频播放器(图形界面版)
- 安装ubuntu18.10并连接xshell6
- 前端基础HTML以及常用的标签
- 通过Nginx使全站页面变灰
- oracle创建与mysql的dblink
- Flink从入门到精通系列文章
- 364. Nested List Weight Sum II 大小反向的括号加权求和
- .Net Core:身份认证组件
- 导出excel时设置单元格格式(避免类似0100的数字丢失前面的0)
- Quorumpeps 群体感应数据库简介
热门文章
- Python多进程池 multiprocessing Pool
- Ubuntu 18 LTS netplan 网络配置
- 关闭pycharm自动更新
- jquery的deferred使用详解
- 基于git命令的代码统计方法
- 记录一次使用VS2015编译错误的原因查找(boost+gdal)
- SQLServer Always On FCI 脑裂及可疑状态修复
- 关于expect的实战总结
- mac ssh 连接超时
- org.hibernate.InvalidMappingException: Could not parse mapping document from无法创建sessionFactory