首页 > 其他分享 >Vue-Router 是干什么的,原理是什么?

Vue-Router 是干什么的,原理是什么?

时间:2022-11-11 09:00:09浏览次数:45  
标签:Vue 干什么 模式 切换 跳转 组件 Router 路由 页面

传统的项目中,页面的切换和跳转使用的是超链接实现,SPA 是基于组件和路由实现的,页面的切换和跳转由路由机制完成,区别是更新了视图但不重新请求页面;

原理是把url 和组件之间建立映射关系,展示不同内容的时候切换路径,即切换组件 ;

路由的模式有 2 中,哈希模式和历史模式 ;哈希模式在地址后面有 # ,历史模式没有;

标签:Vue,干什么,模式,切换,跳转,组件,Router,路由,页面
From: https://www.cnblogs.com/zhulongxu/p/16879491.html

相关文章

  • vue grid layout 设定某组件为最低位,其它子item无法拖拽超过
    逻辑:  设定某项X为底部  逻辑:  for循环获取最低位的itemY的信息:i和y  如果i!=X.i    initY=X.y    则调整X.y=initY+Y.h  ......
  • package.json文件干什么的 ?
    package.json是项目描述文件,记录了当前项目的信息,比如项目的名字,版本,作者,还有所依赖的第三方模块;dependencies是项目依赖,是项目上线时要依赖的第三方包;devdependenci......
  • 3 、Vue 【进阶】- diff 算法
    虚拟dom虚拟DOM(VirtualDOM)是对DOM的JS抽象表示,它们是JS对象,能够描述DOM结构和关系。应用的各种状态变化会作用于虚拟DOM,最终映射到DOM上。......
  • vite+vue3引入表态图片时出错
    在使用vite开发vue项目时,我们异性习惯vue2的方法导入图片,结果导致各种找不到图片以下是错误方法<img:src="logo"class="login-logo"/>consturl=reactive({lo......
  • vue-element-admin install error
    vue-element-admininstallerror#安装nodejsdnfmoduleresetnodejsdnfmoduleinstallnodejs:16npminstall-gpnpmvi~/.npmrc粘贴以下3行registry=http:/......
  • 快速上手VueX
    前言本文主要介绍了VueX状态管理器、VueX的核心概念、store.js以及vuex的工作流程。理解了这些概念可以让我们快速上手使用VueX,实现对Vue的状态管理。VueXVueX是对Vue的......
  • vue2项目引入新版ant-design-vue报错问题
    vue2项目引入3.2.14版ant-design-vue会报1600多个编译错误,纯属版本问题,但3.2.14版本卸载会出错,需要删除项目重建,重建后搜索依赖ant-design-vue-fixed-table,这版其实就是ant......
  • 使用宝塔面板 在centos7服务器上部署商城后台管理项目:node server后台 + vue2 前台
    使用宝塔面板在centos7服务器上部署商城后台管理项目:nodeserver后台+vue2前台域名解析假设有域名:mysite.top我们想在通过域名:app.mysite.top访问站点首先需要......
  • #yyds干货盘点#vue.config.js配置解析
    最近的项目都是基于vue2.0来做开发,这时候在配置webpack的时候遇到了个性化的配置,在根目录创建​​vue.config.js​​去完成​​webpack​​的一些特殊配置,默认它会被 ​​......
  • vue-什么是虚拟dom?
    什么是虚拟dom?本质上是一个普通的JS对象,用来模拟DOM结构。(Vue内部有一个虚拟DOM转义器,会把真实DOM转成一个对象)组件在渲染的时候,会调用render函数,这个函数会生......