vuex
文章平均质量分 96
vuex知识
小仙女de成长
啊麻利麻利哄
展开
-
「自我检验」熬夜总结50个Vue知识点,全都会你就是神
荣耀黄金1. Vue的优点?Vue的缺点?优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图分开缺点:单页面不利于seo,不支持IE8以下,首屏加载时间长2. 为什么说Vue是一个渐进式框架?渐进式:通俗点讲就是,你想用啥你就用啥,咱也不强求你。你想用component就用,不用也行,你想用vuex就用,不用也可以3. Vue跟React的异同点?相同点:1.都使用了虚拟dom 2.组件化开发 3.都是单向数据流(父子组件之间,不建议子修改.转载 2021-12-09 11:41:11 · 321 阅读 · 2 评论 -
在vue-cli项目里使用vuex,vuex的详细使用
一,什么是vuex简单来说就是data的共享属性二,关于store“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。暂时先把state当成我们通用data来看吧,这样就好理解咯~三,关于Statestate就是我们项目全局通用的data属性,并且这些属性是响应式的,也就是说当属性发生改变时,state是会动态响应的四,关于Getter...转载 2020-04-08 14:34:11 · 771 阅读 · 0 评论 -
使用vuex在vue + vant 项目中加 loading加载
由于项目需要,参考网上例子,自己动手写了一个,废话不多说,上代码。在src目录下新建store目录,store目录下新建store.js文件 (已确保已装好vuex)import Vue from 'vue'import Vuex from 'vuex'; Vue.use(Vuex); const store = new Vuex.Store({ state: { ...转载 2019-05-29 17:18:51 · 12144 阅读 · 0 评论 -
VUE 爬坑之旅-- 用 Vuex 状态管理来控制底部导航栏的显示隐藏
在做 APP 类项目开发的时候,有一个很常见的需求就是 APP 通常有一个底部导航,点击导航的不同 tab 要切换到不同的界面,在这些通过导航切过去的界面上是需要显示底部导航来让用户方便操作的。除了这些带导航的页面之外,还有一些独立的页面是不需要底部导航的,比如说注册,登录等页面。那么怎样能够比较方便的控制底部导航的显示和隐藏呢?这就可以用到 Vue 的状态管理插件 Vuex 了,关于 Vuex...转载 2018-09-18 15:07:58 · 1292 阅读 · 2 评论 -
vuex其实超简单,只需3步
前言 之前几个项目中,都多多少少碰到一些组件之间需要通信的地方,而因为种种原因, event bus 的成本反而比vuex还高, 所以技术选型上选用了 vuex, 但是不知道为什么, 团队里的一些新人一听到vuex,就开始退缩了, 因为vuex 很难? 真的很难吗? 今天我们用简单的3步来证明一下,vuex有多简单.纯属个人经验,难免有不正确的地方,如有发现,欢迎指正! 这是一个针对新手的...转载 2018-06-01 15:03:55 · 279 阅读 · 0 评论 -
vuex其实超简单,喝完这3步,还有3步
一、 Getter 我们先回忆一下上一篇的代码computed:{ getName(){ return this.$store.state.name }}这里假设现在逻辑有变,我们最终期望得到的数据(getName),是基于 this.$store.state.name 上经过复杂计算得来的,刚好这个getName要在好多个地方使用,那么我们就得复制...转载 2018-05-31 10:00:58 · 352 阅读 · 0 评论 -
Vuex速学篇:(1)基本套路
我们前面做了一个这样的页面,为了增加我们的学习难度,我们特意拆分成了不同的组件。 我们知道,我们在子组件里并不能直接对兄弟组件里的属性进行操作,我们通过this.$emit() 调用父组件的方法,通过this.$parent.$data.username 获取兄弟组件里的属性。 但是如果我们的业务越来越复杂,组件越来越多,会造成我们的整个项目维护起来非常的困难。能不能把各个组件的逻转载 2018-01-30 08:34:02 · 257 阅读 · 0 评论 -
基于vue-cli的vue项目之vuex的使用2
1.安装 npm install vuex 2.vuex/store.js//仓库状态管理,第19行。将store抛出 import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const store = new Vuex.Store({ state: { count: 0 }, m转载 2018-01-19 17:13:58 · 511 阅读 · 0 评论 -
axios的post请求发送数据,后端接收不到
在main.js加上这个import qs from 'qs';axios.interceptors.request.use((config) => { config.data = qs.stringify(config.data); return config;}, function(error) { return Promise.rej转载 2018-01-02 09:59:35 · 1774 阅读 · 0 评论 -
到底vuex是什么?
commit()是专门用来调用mutations里的方法的, commit('方法名', 参数) dispatch()是专门用来调用actions里的方法的,dispatch('方法名', 参数) 关于vuex类的新闻最近很多,看到眼热就去查了下资料,然后扯出来一堆flux、redux、state、state之类的概念,以及大型工程必要性之类的。看官方手册也是昏昏然。然而,我还是弄懂了!我准备...转载 2017-12-25 09:48:41 · 472 阅读 · 0 评论