Vue Router介绍

在昨天建置vue-cli插件时我们有新增vuex和vue-router，所以今天要先来介绍vue-router也就是vue的路由

首先，先来看一段官网的说明吧!

Creating a Single-page Application with Vue + Vue Router feels natural: with Vue.js, we are already composing our application with components.

在这里我们可以知道使用Vue + Vue Router可以制作出一个只用一个网址就能去操控在这个网页中的所有内容，也就是所谓的Single-page

那Vue Router是什麽呢?简单来说他就是用来让url和每个页面能够相互对应，所以在没有使用vue-router时我们都是透过URL中的#(hash)去让画面做切换，那为什麽我们不直接使用hash就好了呢?因为hash并不包含在http的请求中，所以在url中他并不会重新载入页面，而vue-router他会透过url的改变，来修改我们的页面

所以如果我们使用了Single-page却没有使用router会造成什麽问题呢?比如说我今天插入了Vue的官网连结但我引用的介绍是在网页中某个小标题的内容，可是因为它没有使用路由所以就算附上了连结还是需要找一下是哪个小标题他的内容又在哪里，这样附上连结的意义就不大了!所以在Single-page中我们需要使用路由让他去帮我们分配每个页面所对应的URL