准备工作

项目结构：

在components下新建组件，（对应了各html页面）

在组件的template标签下放入html中body的内容

css、js等样式文件放入static目录下

路由跳转

将html的a标签用<router-link to=""></router-link>替代（引号中放url），标签中可以像a标签一样添加各种诸如按钮<button>、换行<br>之内的标签

对于每一个页面（vue组件，或者说html页面），需要配置路由。在router文件夹下的index.js中，其中花括号是一个路由（注意逗号分隔两个路由），path对应url，name随意，component对应你的组件名。（注意冒号与后面的内容间有一个空格）

最后，将<router-view>放置在页面的内容的最上方，这样，在点击（比如此处我的“用户登录”按钮）链接后，vue就会在本页面重新渲染我的Login组件（组件名跟你在上面index.js中的name没有关系，但是component一定得跟组件名对应）的内容：如果<router-view>放错位置，大概率你的地址栏跳转了，但是页面没有反应（如果放在最下面，可能会出现两个页面部分重叠的情况）。