vuex

教你前后端分离使用 Token 登录

开写之前先捋一下整理思路：首次登录时，后端服务器判断用户账号密码正确之后，根据用户id、用户名、定义好的秘钥、过期时间生成token，返回给前端；前端拿到后端返回的token,存储在localStroage和Vuex
星野丶Z·2023-08-30 19:52

常见前端面试之VUE面试题汇总十一

31.Vuex有哪几种属性？
爱敲代码的学长·2023-08-30 19:42

前端笔记 （持续更新~）

目录五星重点1.git的使用2.vue生命周期3.vuex4.vue组件通讯5.前端性能优化5.keep-alive的使用方法和生命周期6.typescrpit8.webpack10.pinia四星重点
qq_43959639·2023-08-30 18:15

一文掌握Vuex基础使用方法，建议每个前端学习者一定要看看

概念为Vue.js程序开发的一套状态管理器State项目的数据源，整个项目的状态都保存在state里面。state:{number:123,name:'bulang',sex:'boy',infos:[{name:'kaisa',sex:'boy'},{name:'jiecaowa',sex:'girl'}]}组件中获取state的方法：this.$store.state.key使用辅助函数map
無言尽显·2023-08-30 15:24

常见前端面试之VUE面试题汇总十

28.Vuex和localStorage的区别（1）最重要的区别vuex存储在内存中localstorage则以文件的方式存储在本地，只能存储字符串类型的数据，存储对象需要JSON的stringify和
学长是个程序员·2023-08-30 12:22

常见前端面试之VUE面试题汇总十一

31.Vuex有哪几种属性？
学长是个程序员·2023-08-30 12:22

vue2 通用模版

/module/call'import{rules,validatePass}from'@/views/business/config'import{mapState,mapActions}from'vuex'exportdefault
csstmg·2023-08-30 10:47

SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser.

原因：低版本的IE或低版本qq浏览器不支持vue的es6语法解决：安装babel-polyfill，让babel-polyfill可以模拟ES6使用的环境，可以使用ES6的所有新方法1、npminstall--save-devbabel-polyfill2、在webpack.base.conf.js中修改entry:{app:["babel-polyfill","./src/main.js"]}
代码小王子·2023-08-30 09:16

Uncaught Error: []: getActivePinia was called with no active Pinia. Did you forget to install pini

getActivePiniawascalledwithnoactivePinia.Didyouforgettoinstallpinia）报错解决使用vue3+ts+pinia开发项目中，我相信好多人使用vuex
哦...·2023-08-30 08:47

Vuex Actions 异步修改状态

Action类似于mutation，不同在于：Action提交的是mutation，而不是直接变更状态。Action可以包含任意异步操作。注册一个简单的action：Action函数接受一个与store实例具有相同方法和属性的context对象，因此可以调用context.commit提交一个mutation，或者通过context.state和context.getters来获取state和ge
Rising_life·2023-08-30 07:58

关于vue前端离线（无接口）场景下开发或展示

都需要模拟有接口可进行操作的环境，可以使用mock来完成，考虑换种方式完成就自己构建json模拟数据，模拟api.js，这里对mock的方式不做阐述，以登录功能为例说明：具体部署如下：一、模拟接口返回数据需要用到vuex
运动程序员·2023-08-30 05:26

vue3使用vuex的getters

//index.jsimport{createStore}from'vuex'importVuexPersistencefrom'vuex-persist'importrouterfrom'.
姽式、·2023-08-30 02:29

前端必备知识

1.JQuery,网络，CSS3，H5，2.ES6，webpack4.0，git,小程序设计模式，3.VUE,VUEX,VUE源码，React，Node.js,MongoDB数据库等等
海伦•·2023-08-30 01:17

pinia(vuex5)的知识点——选项式风格+组合式风格——基础积累

首先，先记录两个知识点，稍后再写关于pinia的部分。newURL引入本地图片如果在js中引入本地图片，如果直接使用相对路径获取图片地址，则打包后会出现找不到图片的错误问题，此时可以通过newURL(./assets/xxx.png,import.meta.url)的方式来处理newURL的第一个参数，只能是模板字符串的变量或者纯静态图片，不能直接是一个变量，否则是无法取出来参数的definePr
叶浩成520·2023-08-30 01:34

vue3+element-plus配置cdn

项目配置2，CDN介绍2.1，常见cdn网站2.2，通过UNPKG查找需要的cdn资源3，实战代码4，后记1，项目配置最近在做一个项目，项目配置版本如下：vue：3.2.6vue-router：4.0.11vuex
鹏多多.·2023-08-29 21:21

超详细，Vuex手把手教程

目录1，前言2，Vuex是什么3，5大属性说明4，state4.1直接访问4.1使用mapState映射5，getters5.1先在vuex中定义getters5.2直接获取值5.3使用mapGetters
鹏多多.·2023-08-29 21:50

助你上手Vue3全家桶之VueX4教程

VueX4.0官网2，St
鹏多多.·2023-08-29 21:50

Vue2(状态管理Vuex)

目录一，状态管理Vuex二，state状态三，mutations四，actions五，modules最后一，状态管理VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。
天秤座的码农·2023-08-29 19:02

可拖动表格

scope.setting}}importdraggablefrom"vuedraggable";importSortablefrom"sortablejs";import{mapState}from'vuex
Chris__Wang·2023-08-29 12:56

vue-element-admin刷新侧边栏数据丢失

使用vue-element-admin时，刷新页面侧边栏消失，仔细查看代码后找到原因，使用的路由与vuex有关，而在刷新页面时vue会重新加载vue实例，vuex中的数据会被初始化，所以看不到侧边栏是因为数据被重置了
Stitch_xiao·2023-08-29 12:59

在vue项目中引入vuex使用(引入到vue项目中)

项目下新建store文件//npm下载后导入importVuefrom'vue'importVuexfrom'vuex'//注册在vue实例上Vue.use(Vuex)//定义结构exportdefaultnewVuex.Store
Cc_Debugger·2023-08-29 08:43

mapState的使用（常用）

1.在.vue组件中引入,在js块中引入import{mapState}from'vuex'2.在.vue组件中computed下定义一个对象computed：{...mapState([//mapState
摇摇奶昔x·2023-08-29 03:25

Vue-cli——映射函数、自定义插件、自定义指令

今天继续分享一些基础知识点，关键字：映射函数、自定义插件、自定义指令、$nextTick()1.导入映射函数//从vuex中，导入映射函数import{mapState,mapGetters,mapMutations
云瑶糖糖·2023-08-29 01:34

vue项目规范

技术栈vue2vuexvue-routerwebpackES6/7axiosless/sassvue-i18n等...src目录布局├──src│├──assets││├──image//公共图片││├
16manman·2023-08-29 00:59

vue node包安装报错 vuex 安装报错Failed at the [email protected] install script 'node install.js'!

出现这个报错的原因通常是下载源失效或者被封了，我们可以改连淘宝的下载源下载：npminstallchromedriver--chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver大功告成！！！
芒果大饼·2023-08-29 00:14

Vuex和仓库的关系

在Vue中，Vuex是一个专门用于状态管理的库，而仓库（store）是指在Vuex中管理和存储状态的容器。
珊珊而川·2023-08-28 22:18

2023必会的 Vue3 & Pinia 单元测试知识

入门很简单，特别是如果您是Vue2+Vuex开发者，但单元测试中的一些细微差异可能会让您措手不及。让我们探索一些可能在未来节省您时间的现实生活场景。
·2023-08-28 11:37

H5 移动端滚动穿透

显示弹窗时，应当禁止滚动，锁住当前滚动高度2.实现2.1方案显示弹窗时，记录滚动高度，body标签fixed，隐藏弹窗时，body.scrollTop=滚动高度，body标签取消fixed2.2代码实现（vuex
Johnson杰·2023-08-28 09:43

Uniapp中vuex的使用

vuex的学习笔记，很多地方还都不是很懂，先记下来再说，比小程序里自带的store复杂很多，看着头大，而且方法里面很多ES6的内容，头都看到爆炸一、初始化vuex新建store.js，挂载到main.js1
youngcave2·2023-08-28 07:57

使用Typescript封装本地存储

本地存储使用场景用户登录后token的存储用户信息的存储不同页面之间的通信项目状态管理的持久化，如redux的持久化、vuex的持久化等性能优化等...使用中存在的问
码老二·2023-08-28 03:06

01-邂逅Vuejs

比如vuejsCore+Vue-router+Vuex，可以满足各种各样的需求。Vue有很多特点和Web开发中常见的高级功能解耦视图和数据可复用的组件前端路
投时·2023-08-28 02:23

路由基础；动态路由；axios做AJAX请求；Vuex基础；Vuex高级用例

路由基础应用组件:App.vue注册路由器:main.js配置嵌套路由:router.js动态路由axios做AJAX请求；Vuex基础定义：多个组件之间共用一份数据State：所有组件共享的数据，不可以随意操作
宋远航_·2023-08-28 02:21

vue-admin-template 登录接口实现（Node）

首先我们要从入口着手，views目录下的login文件夹找到方法，如下图，从图中，我们不难发现这个是通过VueX分发出来的，随后我们去查看sto
这是一个正在学习的人·2023-08-28 01:59

Vue2向Vue3过度Vuex状态管理工具快速入门

目录1Vuex概述1.是什么2.使用场景3.优势4.注意：2需求:多组件共享数据1.创建项目2.创建三个组件,目录如下3.源代码如下3vuex的使用-创建仓库1.安装vuex2.新建`store/index.js
赵广陆·2023-08-27 22:42

Vuex核心概念Mutations

//定义Mutationconststore=newVuex.Store({state:{count:0;},mutations:{add(state){//变更状态state.count++
颜汐い·2023-08-27 21:42

Vue2向Vue3过度Vuex核心概念mutations

mutations4.练习5.总结2带参数的mutations1.目标：2.语法2.1提供mutation函数（带参数）2.2提交mutation3练习-mutations的减法功能1.步骤2.代码实现4练习-Vuex
赵广陆·2023-08-27 21:41

【uni-app】Vuex介绍和使用

介绍无论你是使用HX还是使用vue-cli创建的uniapp项目,都已内置Vuex,无需再进行安装uni-app也像小程序一样有globalData，这是一种简单的全局变量机制globalData是简单的全局变量
两年半练习程序员·2023-08-27 20:44

vite2+TypeScript+vue3创建配置router+vuex

vite不支持ie11创建项目npminit@vitejs/app命名：image.png选择要创建的框架，这里选择vueimage.png选择语言这里用TypeScript或者javaScript都可以image.png这样一个vite2+vue3项目就创建完成了image.pngcd项目目录npminstallnpmrundev成功启动，几乎是秒开image.pngimage.png配置路由n
一个健康马·2023-08-27 18:33

uni-app使用vuex+vuex-persistedstate

vuex是基于vuex.js的状态管理工具，可以把它理解为一个仓库。
单调的王先森·2023-08-27 12:21

Vue2向Vue3过度Vue3状态管理工具Pinia

Pinia基础使用4.getters实现5.action异步实现6.storeToRefs工具函数7.Pinia的调试8.Pinia持久化插件1.什么是PiniaPinia是Vue的专属的最新状态管理库，是Vuex
赵广陆·2023-08-27 05:17

前端权限功能怎么搞啊啊啊？这样！

还能拿到用户信息2、拿权限路由表拿到不同用户的路由信息，拼装成前端可用的路由信息，然后使用addRoutes将路由加到前端路由表中，实现不同用户对应页面的有无3、拿按钮、组件的授权标识拿到按钮的授权标识，存入到vuex
老电影故事·2023-08-27 04:54

VUE笔记（九）vuex

一、vuex的简介1、回顾组件之间的通讯父组件向子组件通讯：通过props实现子组件向父组件通讯：通过自定义事件($emit)方式来实现兄弟组件之间的通讯：事件总线（$eventBus）、订阅与发布方式来实现跨级组件的通讯
鸣鲷有柒·2023-08-26 20:31

Pinia 快速入门

Pinia是一个用于Vue的状态管理库，类似Vuex,是Vue的另一种状态管理方案Pinia支持Vue2和Vue3本文只讲Pinia在Vue3中的使用,在Vue2中使用略有差异，参考官方文档Pinia优势符合直觉
硅谷干货·2023-08-26 18:46

2022-01-23

解决方法：安装插件Pipinstalldjango-cors-headersvuex的工作流程？①在vue组件里面，通过dispatch来出发actions提交修改数据的操作。
前端Z老师·2023-08-26 18:15

Vue 教程(四十九)Vuex 核心概念和项目结构

Vue教程(四十九)Vuex核心概念和项目结构Vuex核心概念StateGettersMutationsActionsModulesState单一状态树Vuex使用单一状态树——是的，用一个对象就包含了全部的应用层级状态
_否极泰来_·2023-08-26 16:11

vue（23）Vuex的5个核心概念

Vuex的核心概念Vuex有5个核心概念，分别是State，Getters，mutations，Actions，Modules。
Silent丿丶黑羽·2023-08-26 16:11

Vue学习（五）——Vuex核心概念（State、Getter、Mutation、Action、Module）

前言上篇文章展示了Vuex的基本使用方式，主要用了state和mutation这两种能力。本文会把Vuex这些能力都过一遍，尽量展示这些能力如何使用。
sadoshi·2023-08-26 16:11

Vuex(六)--Vue核心概念Module

为了解决以上问题，Vuex允许我们将store分割成模块（module）。每个模块拥有自己的state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割。
muzidigbig·2023-08-26 16:40

Vue学习第四天：17Vuex核心概念及底层原理

min-vuex.js文件importVuefrom'vue'//默认参数functionStore(option={}){//解构赋值var{state={},mutations={}}=option
itboy7·2023-08-26 16:40

Vue学习笔记之Vuex的核心概念Module

为了解决以上问题，Vuex允许我们将store分割成模块（module）。
WebKoalaBoy·2023-08-26 16:39
上一页 39 40 41 42 43 44 45 46 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他