SPA（vue.js+vue router）

单页web应用（single page web application, SPA），只有一张web页面的应用，是加载单个html页面并在用户与应用程序交互时动态更新该页面的web应用程序。
对单页应用程序来说模块化的开发和设计显得相当重要。

以上来自度娘。

程序通过路由使哈希值（锚点值）和组件匹配起来

安装

npm i vue-router

1.引入

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

2.准备组件

const home = Vue.component('home',{})

3.创建路由对象

const router = new VueRouter({
  //配置路由规则
  routes:[
    //path: 路径
    //component: 对应的组件
    {path: '/home', component: home}
  ]
})

4.绑定vue实例与路由对象

const vm = new Vue({
  el: '#app',
  data: {
    msg: 'nihao'
  },
  //配置vue的路由对象
  router: router
})