学前了解:
<!-- 使用 router-link 组件来导航. -->
<!-- 通过传入 `to` 属性指定链接. -->
<!-- <router-link> 默认会被渲染成一个 `<a>` 标签 -->
思路:
1.定义(路由组件)
2.
定义路由
每一个路由映射一个组件。其中"compoenet"可以是 通过Vue.extend()创建组件构造器,或者只是一个组件配置对象
3.创建router 实例,然后传`routers`配置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./lib/vue_2.5.22.js"></script>
<script src="./lib/vue-router_3.0.2.js"></script>
</head>
<style>
* {
margin: