vue引入link_Vue教程(路由router-基本使用)

本文开始我们来给大家介绍在Vue中非常重要的一个内容，就是路由Router

什么是路由

后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；

前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；

在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由(区别于后端路由)；

Vue路由基本使用

1. 基本使用

我们先来看看 路由的 基本使用，基础页面如下

1.1 引入vue-router

我们需要引入vue-router.js文件，而且必须是在vue.js文件之后引入

1.2 创建组件模板

创建两个组件模板对象，如下

1.3 VueRouter实例

当 导入 vue-router 包之后，在 window 全局对象中，就有了一个 路由的构造函数叫做 VueRouter,在 new 路由对象的时候&#x