首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
用户4948127253262
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
赞
1
文章 1
沸点 0
赞
1
返回
|
搜索文章
用户4948127253262
1年前
举报
个人认为:vuex就是用来共享数据的一个插件
Vuex的准备工作:
1.npm install vuex --save
2.与main.js同级创建store.js用于管理Vuex import Vue from 'vue' import Vuex from 'vuex' import axios from "axios"; Vue.use(Vuex) export default new Vuex.Store({ state:{ count:0 },//存储数据 mutations:{ increment (state) { state.count++ //可以更改state里面的count的值 } },//存方法,用于更改数据,并且每个方法第一个参数都是state actions:{ incrementAction (context) { context.commit('increment')//注意Action 提交的是 mutation,而不是直接变更状态 } },//进行异步函数操作,例如axios获取data数据 getters:{ unDoneLength(state){ return state.list.filter(x=>x.done===false).length //直接返回过滤得到的值 }//从 store 中的 state 中派生出一些状态,例如过滤和切换列表的操作 }) 3.在main.js中写如下代码: import store from "./store" new Vue({ store //添加 }) 4.在某一个xxx.vue文件中使用Vuex的时候 import {mapState,mapGetters} from 'vuex'//一般采用这种方式 //相当于把state和getters里面的返回值作为computed属性
展开
技术交流圈
分享
评论
点赞
用户4948127253262
1年前
关注
利用边框画三角形
首先来看稀土掘金的首页 image.png 可以看见“开放社区”右边有一个小三角,想想实现过程,可以设置图片,也可以设置背景图片,当然这里要讲的还有一种比较巧妙的方法,就是...
赞
评论
分享
用户4948127253262
1年前
关注
JavaScript——从行为设计到组件框
从行为设计到组件框架 行为设计 行为设计即实现组件的各种功能,如动画,变换等。通常,一个良好的行为API应保证原子操作,职责单一,并且要满足灵活性。 解耦的用处 拆分代码之...
赞
评论
分享
用户4948127253262
1年前
关注
第二天css
CSS-简单的按钮设计 前言 在我们前端各种布局里,按钮是很十分常用的,与用户的各种交互,功能的实现等等,对于用户而言,一个实用又好看的按钮样式充满了趣味性,视觉上的享受也...
赞
评论
分享
用户4948127253262
1年前
关注
第一天
第一天 HTML CSS 选择器 继承 filter:筛选符合条件的规则 声明值:元素的某属性的值 cascading:按照来源、选择器、顺序比较优先级 层叠值:经过比较最...
赞
评论
分享
用户4948127253262
关注了
字节前端
用户4948127253262
赞了这篇文章
字节前端
@北京字节跳动网络技术有限公司
·
1年前
关注
「字节跳动青训营·寒假前端场」报名启动,前端课程免费学
第二届字节跳动青训营开课拉~~ 技术更迭的时代浪潮中,如何才能脱颖而出?崎岖不平的成长道路上,如何才能披荆斩棘,一往无前?字节青训营-寒假前端场为你创造一篇天地! 欢迎所有...
31
3
分享
个人成就
文章被阅读
358
掘力值
23
关注了
1
关注者
0
收藏集
0
关注标签
6
加入于
2021-12-30