首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
vue
订阅
用户1460589931658
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件?本文原理揭秘
不知道你们有没有碰到这样的场景,打开开发的页面,却短时间难以找到对应的源文件。 这时你可能会想要是能有**点击页面按钮自动用编辑器打开对应文件**的功能,那该多好啊。
原来这就是hash模式和history模式的区别(vue-router mode)
前端路由的核心,就在于改变视图的同时不会向后端发出请求;而是加载路由对应的组件。vue-router就是将组件映射到路由, 然后渲染出来的。并实现了三种模式:Hash模式、History模式以及Abstract模式。默认Hash模式,今天主要介绍Hash模式和History模式…
重进相同路由报错,重写vue-router的push方法
大概的意思是不允许导航到当前位置。 不过又出现了新的问题。 In 2.2.0+, optionally provide onComplete and onAbort callbacks to router.push or router.replace as the 2nd an…
keep-alive:组件级缓存
在Vue构建的单页面应用(SPA)中,路由模块一般使用vue-router。vue-router不保存被切换组件的状态,它进行push或者replace时,旧组件会被销毁,而新组件会被新建,走一遍完整的生命周期。 但有时候,我们有一些需求,比如跳转到详情页面时,需要保持列表页的…
这大概是最全乎的keep-alive踩坑指南
keep-alive是vue的一个内置组件。它会缓存不活动的组件实例,而不是直接将其销毁,它是一个抽象组件,不会被渲染到真实DOM中,也不会出现在父组件链中。它提供了include与exclude属性,允许组件有条件地进行缓存,其中exclude的优先级比include高,ma…
vue 路由 按需 keep-alive
从 详情页 -->返回 列表页 的时候页面的状态是缓存,不用重新请求数据,提升用户体验。 从 列表页 -->返回 主页 的时候页面,注销掉列表页,以在进入不同的列表页的时候,获取最新的数据。 今天 让我们来实现这个需求。 在 代码的世界里 解决问题的 方法 从来都不止一种。 可…
手摸手教你实现vue的动态路由(router.v3.x版本)
整体流程 实现效果 代码已经上传到github 代码地址 流程 1、用户登陆,获取后端返回的路由 2、使用router.addRoute动态添加到路由 文档 3、使用router.getRoutes读
Docker 最常用的镜像命令和容器命令
本文列出了 Docker 使用过程中最常用的镜像命令和容器命令,以及教大家如何操作容器数据卷,实现容器数据的备份。熟练练习这些命令以后,再来一些简单的应用部署练习,大家就可以学习 Docker 的镜像构建、备份恢复迁移、镜像仓库、网络、集群等等更多的内容。 这些镜像都是存储在 …
如何使用 docker 部署前端应用
docker 变得越来越流行,它可以轻便灵活地隔离环境,进行扩容,方便运维管理。对开发者也更方便开发,测试与部署。 最重要的是, 当你面对一个陌生的项目,你可以照着 Dockerfile,甚至不看文档(文档也不一定全,全也不一定对)就可以很快让它在本地跑起来。 现在很强调 de…
「面试必会」手写35道JS面试高频题(一)
在面试中,常常会问到一些“手写XXX”的面试题,如果我们只是停留在熟练使用这些 API,问到这种问题想必总是束手无策的。其实想要手写 API 的实现也并不难,更多的是需要我们训练自己通过使用方式来推倒实现的能力,千万不要死记硬背。最近我也在强化自己手写 API 的能力,并汇总了…