美文网首页
Vue:路由介绍

Vue:路由介绍

作者: 家乡的蝈蝈 | 来源:发表于2024-04-01 14:28 被阅读0次

1.1 单页应用程序介绍

1.概念

单页应用程序:SPA【Single Page Application】是指所有的功能都在一个html页面上实现

2.具体示例

单页应用网站: 网易云音乐 https://music.163.com/

多页应用网站:京东 https://jd.com/

3.单页应用 VS 多页面应用

单页应用类网站:系统类网站 / 内部网站 / 文档类网站 / 移动端站点

多页应用类网站:公司官网 / 电商类网站

4.单页面应用优缺点

优点:按需更新性能高,开发效率高,用户体验好
缺点:学习成本,首屏加载慢,不利于SEO

1.2 路由介绍

1.思考

单页面应用程序,之所以开发效率高,性能好,用户体验好

最大的原因就是:页面按需更新
要按需更新,首先就需要明确:访问路径组件的对应关系!
访问路径 和 组件的对应关系如何确定呢? 路由

2.路由的介绍

什么是路由?路由是一种映射关系
Vue中的路由:路径和组件映射关系

相关文章

  • Vue路由的介绍(一)--路由基础入门

    一,Vue路由,vue-router的介绍 vue-router的官网:https://router.vuejs....

  • 配置vue-router

    vue-router介绍 ​ Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js ...

  • Vue.js 路由

    本章节我们将为大家介绍 Vue.js 路由。 Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过...

  • Vue中的路由使用

    Vue Router官网介绍说明 基本使用 引包 创建路由对象 创建模板对象 4.Vue实例对象,和路由对象关联 ...

  • 七、Vue-router介绍

    一、Vue-router介绍 Vue-router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心...

  • Vue应用

    Vue项目 Vue结构 Vue项目打包与发布 Vue语法二 Vue网络请求 Vue路由 动态路由 编程式路由导航

  • Vue.js知识框架

    vue.js框架介绍 vue-cli脚手架搭建基本代码框架 vue-router官方插件管理路由 vue-reso...

  • 前端面试-vue

    1.了解vue和react吗?介绍一下。 vue和react都是主流的框架。vue : 脚手架vue-cli、路由...

  • 前端面试题

    1.了解vue和react吗?介绍一下。 vue和react都是主流的框架。vue : 脚手架vue-cli、路由...

  • Vue实现路由跳转

    1. 介绍 Vue Router 是 Vue.js[http://cn.vuejs.org/] 官方的路由管理器 ...

网友评论

      本文标题:Vue:路由介绍

      本文链接:https://www.haomeiwen.com/subject/jcebtjtx.html