![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 76
DarkerSU
能动手的绝不动嘴
展开
-
hash和history模式实现原理
HTML5 history模式:通过history interface 新增的pushState、replaceState方法以及现有的go、back、forward方法来改变url(注:可以改变url的主体部分,顾在直接访问嵌套路由时,必须配有该路径所对应的资源否则会出现404的情况,但可以通过vue的redirect重定向到index页面或者404页面,来解决此问题),然后通过window.popState事件 来监听url变化并执行对应的回调函数,从而来展示不同的页面内容。原创 2023-02-16 12:55:41 · 243 阅读 · 0 评论 -
Vue 路由 导航守卫(全局守卫、路由独享守卫、组件内守卫)
Vue 路由 导航守卫(全局守卫、路由独享守卫、组件内守卫)转载 2019-12-21 14:52:51 · 200 阅读 · 0 评论 -
Vue路由传参的三种方式
方式一:路由配置参数传参getDescribe(id) {// 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/describe/${id}`, })// 方案一,需要对应路由配置如下: { path: '/describe/:id', name: '...原创 2019-10-12 12:51:28 · 306 阅读 · 0 评论 -
热门的前端UI组件库
移动端Vant,轻量、可靠的移动端 Vue 组件库Vant 移动端组件库Mint UI,基于 Vue.js 的移动端组件库MintUI 移动端组件库Vant Weapp,轻量、可靠的小程序 UI 组件库Vant Weapp 移动端小程序组件库·PC端layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架layui PC端组件库(即引即用型,推荐使用)iVi...原创 2019-11-19 15:17:31 · 1104 阅读 · 0 评论