首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
进阶vue路由和vuex状态管理
订阅
逆人于野
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
【vue进阶之旅】vuex五大核心概念,看完这篇文章就够了。
为什么要写这篇文章呢?因为很多新手对vuex都懵懵懂懂,不是很了解vue到底是怎么用的;一方面是想从最简单最基础的地方带大家使用一下vuex,另一方面也是想让自己复习一下vuex。
vue 路由 按需 keep-alive
从 详情页 -->返回 列表页 的时候页面的状态是缓存,不用重新请求数据,提升用户体验。 从 列表页 -->返回 主页 的时候页面,注销掉列表页,以在进入不同的列表页的时候,获取最新的数据。 今天 让我们来实现这个需求。 在 代码的世界里 解决问题的 方法 从来都不止一种。 可…
从路由到 vue-router 源码,带你吃透前端路由
起因是因为我们团队内部在进行发布系统迁移的时候,遇到了个路由相关的基础问题。当时隐约知道是为什么,但是对于路由 因为我们平时过于熟悉,以至于忘了其很多基础特性,并没有第一时间快速的排查问题。对此深感惭愧。 于是就找个时间补一补路由相关的基础知识,并且查看了下 vue-route…
Vue组件开发基础全面详解
(字母全小写且必须包含一个连字符),避免和当前以及未来的 HTML 元素相冲突。 在非字符串模板中,如果prop是用小驼峰方式命名,在模板中要使用其等价的链式方式命名。 在字符串模板中就不要这么处理了。 因为HTML(非字符串模板)中的特性名是大小写不敏感的,所以浏览器会把所有…
『前端工程』—— 用Vuex和动态路由实现权限功能
近来做了一个政府的项目,在过安全测试时,有个很严重的安全BUG。BUG的描述如下: 可以通过地址栏输入地址访问登录用户的菜单权限以外的页面。 可以通过修改浏览器 Local Storage 中缓存的功能权限来展示非登录用户拥有的功能权限。 当然这些安全问题在后端做权限拦截是最好…
vue 状态管理(三)
我们修改 state,然后刷新浏览器,状态又变化原来的了,因为 state 是存在内存中的,为了点击刷新,状态不回到原来的,就需要 Vuex 提供的插件功能,当然插件还能实现其他复杂的功能。 Vuex 的 store 接受 plugins 选项,这个选项暴露出每次 mutati…
vue 状态管理(二)
上篇文章中说了 state 和 getters,本篇文章就来说说 mutations 和 actions。 提交 mutations 是改变 state 的唯一方式,不能用异步操作。actions 通过分发 action 来提交 mutation,可包含异步操作,比如 xhr …
vue 状态管理(一)
父子组件之间往往使用props和 $emit 实现数据共享,任意组件可通过bus(一个vue实例)作为桥梁,实现数据共享。当项目中组件越来越多时,组件之间的数据共享变得复杂,难以维护。使用 Vuex 可集中管理组件之间的数据(状态),使组件之间的数据共享变得简单。 父→(pro…
vue 路由基础
vue 使用 vue-router 插件处理路由,路由是开发单页应用必须掌握的知识。 (1)vue-router 是 Vue 官方提供前端路由插件,借助它我们实现可以基于路由和组件的单页面应用。 传统的页面应用采用的是后端路由,即通过超链接来实现页面切换和跳转的。 而在 vue…
vue 路由进阶
路由可向路由匹配的组件传递参数,不同情况向组件传递不同的参数,从而实现组件的复用。 此时 path+ parmas传递参数,params会被忽略。 跳转方式是 name+params+(query),通过path跳转,params 会被忽略。 query 参数参数,表现为查询字…