vue实战(7):完整开发登录页面(一)
1、在登录的时候增加一个下拉菜单，把这几种类型都都绑定上去，然后用户自己选择，类型后输入帐户密码。登录的时候做判断，通过跳转到所所对应的页面。
2、权限控制是后台管理系统比较常见的需求，如果我们需要对某些页面的添加权限控制的话，那我们可以在路由管理中的权限做一些校验，没有通过权限校验的给出相应的提示或者直接跳转到报错页面。
3、再次打开页面，这时候可以看见谷歌浏览器上面出现Vue按钮。点击上方Vue按钮，可以查看到有关Vue的相关版本以及相关事件和属性。再次返回到VisualStudioCode工具，打开一个vue页面代码，在一个按钮事件中添加debugger字样。
4、在Vue Router中定义路由，例如将图书商店首页的路由设置为“/home”。 在Vue组件中使用路由链接（router-link）来实现页面跳转。
5、再次返回到VisualStudioCode工具，打开一个vue页面代码，在一个按钮事件中添加debugger字样。再次返回谷歌浏览器中，在上方找到Sources选项。然后找到对应的代码并打上断点。
6、然后呢，我在最近的开发中有这样一个需求，在菜单栏中选择进入该页面时，不论处于任何场景下，都要渲染最初的数据展示。用一句话说呢，就是在当前页面再次跳转进入当前页面，要触发我们的渲染数据的流程。
vue技巧:解决网页静态化的问题
所以今天龙哥教你一套新的前端框架，基于vue的ssr前端框架—nuxt。本地开发的时候，使用vue语法，模块化你的项目，然后发布的时候生成静态，把ajax获取来的内容转化成静态html以利于seo。
方法一：使用现成的插件，比如：ISAPI_Rewrite、IIS Rewrite、Apache HTTP服务器的mod_rewrite等，它们都是基于正则表达式解析器开发的重写引擎。它们的使用方法查看它们自带的帮助即可。
网页打开速度快，因为是直接读取文件；有利于搜索引擎的抓取收录；静态网页相对比较稳定，对服务器友好；一些面对数据库的攻击比如SQL注入攻击，在面对静态网页的时候常常难以从地址入手。
Vue单页面如何做seo页面优化
1、定义区域性内容 针对单页面网站，我们可以先将页面划分为几个特定的区域，将每一个区域作为一个单独的页面来优化。为每一个区域选择关键词、定义内容、设置各种标签等。当然要切记每个区域的关键词都应具有相关性。
2、注重TDK的写法 既然是网站中的一个单页面，那么就更需要注重网站标题、关键词和描述的写法。
3、一，单页面网站title的设置规划 核心关键词的选取和分析，是日后有话最重要的前提，所以首先就要注意这一点。
4、首先，单页面获取流量难度大。一个网站的流量组成是由大量的内容页面贡献而来，而单页面网站无法布局太多的长尾关键词，所以势必会浪费大量的流量。其次，无法进行站内优化操作。
5、获取流量难度加大 通过查看网站统计，一个网站的流量组成是由大量的内容页面贡献而来，而单页面网站只有一个页面，无法布局太多的长尾关键词，所以，单页面网站势必会浪费大量的流量。
6、单页面优化的办法 单页面做SEO优化的办法SEOER应该要从单页面的表里两个方面来建造。网站内部 重视TDK的写法 既然是网站中的一个单页面，那么就更需求重视网站标题、关键词和描绘的写法。