[前端] VUE基础 (6) (v-router插件)

好久不见. 提交于 2020-02-08 00:09:20

一、v-router插件

1.v-router插件介绍

v-router是vue的一个核心插件,vue+vue-router主要用来做SPA(单页面应用)的。

什么是SPA:就是在一个页面中,有多个页签,我们选择页签显示不同的内容,但页面不跳转。

例如:

 

在网易云音乐的主页中,发现音乐、我的音乐、朋友这三个页签就是单页面应用。当我们切换他们时,可以观察到url的变化:

  

 

 

 这里看到的url改变(路由改变)的路由是vue-router提供的,而不是对应django的路由系统(前后端分离的项目,django只提供API的路由)。

2.下载vue-router

vue-router官方文档:https://router.vuejs.org/zh/

下载vue-router.js:https://unpkg.com/vue-router/dist/vue-router.js

由于vue-router是依赖vue.js库的,所以要先引入vue.js:

<script src="./static/vue.js"></script>
<script src="./static/vue-router.js"></script>

二、vue-router使用

1.使用vue-router实现页签切换

 

 

 

 

 

66

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!