.vue文件
上次我们说到了.vue文件，那么这是个什么文件呢？啥也不是，就是个vue组件。我们都说要组件化，模块化什么的，这.vue文件就是个组件，打开看看就知道了，它这里有两个，主要的标签，一个是<template>，一个是<script>。这些我们肯定看得懂，<template>标签里是写HTML的，页面就是由这许许多多的组件拼出来的，就像拼图似的，想要修改页面，只需要负责修改相应的组件就行了，不用像以前一样，乱七八糟的找起来都费劲。
还有一个<script>这里面就是写js的，这组件里就不是new Vue了，而是规定用export default，就当它是一种规定，每一个组件都是这样用，js代码就在这大括号里面写就行。
当然还要补充一下，HTML有专门的template标签，js代码有专门的script标签，那css代码没有标签吗，这个当然有，是<style>标签，所有的样式就是写在这个标签里，等我们打开别的vue文件就能看到。
store是什么
上一篇，我们知道在main.js文件里有store对象，那么这个对象是啥呢，有什么作用呢？
我们目前呢就把它当做是一个容器好了，全局变量的容器，假如现在有很多个组件，每个组件共享同一个数据，这个组件把共享数据改变之后，另一个组件就得立马改变，跟这个共享数据是同步的。可以说，每个组件用的就是这同一个共享数据。而这个store就是充当这样的共享容器。
当然，如果想知道更确切的，更详细的关于store的知识，请看官方文档，或者询问我的战略合作伙伴，百度，谷歌，必应。
现在呢，我们打开这个store文件里边的index.js文件，呀，这里面涉及的东西有点多，我建议大家找教程仔细的学习一下，我这里就大概说一下，import就不说了，store的写法是有规范的，里面就是存了一些对象，然后规定了在哪里获取对象，在哪里修改对象，简单就这么说吧，真要说起来，里面的东西有点多，我这篇博客还写不完。目前就先这么理解。
router是什么
这东西叫路由，简单来说就是控制页面跳转的，不同的路径，跳转到不同的页面，或者说不同的路径就加载不同的组件。我们可以打开router文件夹里面的js文件。废话我就不赘述了，我们可以清楚的看到，哪个路径需要加载哪个组件，这应该很简单就能理解，想要更详细的解释，官方文档走一波。
接下来，我们就看看，这个从main.js入口开始，将App.vue渲染到html中，但是呢，我们发现，App.vue里面除了一个<router-view>标签之外，什么东西都没有了，那它是怎么就显示我们的这个登录界面呢？怎么就显示我们的首页呢？这个关键点确实就是在这个标签上，而且还跟路由有关。我们只有一个html文件，当我们切换路由的时候，我们怎么知道这个路由对应的组件应该填充到哪里？没错，就是填充到<router-view>标签的位置。
当我们访问项目的时候，就对应了一个“/”路由，我们打开router里的js文件，就会发现，“/”路由对应的一个组件Layout，这个Layout就会填充到App.vue里边的<router-view>的位置。
结尾
不更了，毕设后端页面写完了，中期检查也结束了。本来还想着做出来一系列的博客，但是，我后端还没搞明白呢。所以不更了，前端我没有系统的学过，就是快速了解，拿来能用就行，至于其中的原理什么的，我暂时不想管它。本来这篇博客很早就在写，但是一直没有发布，当存稿存了好久。一直这么存着也不是个事，我就写个结尾发布吧。等我进军全栈的时候再来重新更新。
