1App.vue: 实现首页的header和footer,content部分采用vue-router方式进行切换。为首页的logo标志添加路由，在任一路由中点击logo都可跳转到首页.同时首页中存在登录，注册，关于，这三个功能的实现采用类似modal模态框的功能来实现。headerComponents/dialog.vue: 可复用的dialog弹出框组件，首先会存在一个遮罩层来模拟modal效果，同时弹出框出现和消失时会有动画效果。该弹出框 通过props获得父组件的数据，来控制弹出框的显示和消失。当想要关闭弹出框时，通过this.$emit()来触发父组件事件，在父组件中进行弹出框的关闭。 (因为一般不推荐在子组件中改变通过props获取到的父组件数据。)headerComponents/LogForm.vue: 登录组件。实现比较简单，要求用户输入用户名和密码，并通过正则对用户名和密码进行验证，(注意一点：验证的提示信息通过计算属性computed来实现)，关闭登录框时，通过this.$emit()触发父组件事件，改变App.vue中的登录等数据。headerComponents/RegForm.vue: 注册组件。实现比较简单，要求用户输入手机号，并获取验证码，验证码的倒计时效果已经实现，但未与后台交互，所以获取不到真正的验证码，对于手机号的验证与登录组件类似。用户的注册信息会使用localStorage进行本地存储。