在Vue的mainjs中，使用了Vuerouter的路由钩子来判断是否可以访问受保护的资源，问题就出在这里，先修复上次的bug*全局路由钩子访问资源时需要验证localStorage中是否存在token以及token是否过期验证成功可以继续跳转失败返回登。

不用管展示逻辑和页面合成，吞吐能力会提高几倍5良好的前后端分离后端不再负责模板渲染输出页面工作，后端API通用化，即同一套后端程序代码，不用修改就可以用于Web界面手机平板等多种客户端。

通过vscode的snippets我们可以自己配置自定义的snippets，从而实现快捷生成代码片段，在VsCode里按F1，输入snippets选择配置用户代码片段，选择后出现选择配置的界面，这里我们对Vue文件的代码片段进行配置，然后就完成了随着vscode。

等模板html渲染完成后再插入到对应位置和后端约定的数据格式，tempStr是html，动态插值用$表示，form是表单描述，用于渲染表单思路templatevue效果 暂时type只区分了select，可以加入radiocheckbox等表单形式。

2Vue的语法很自由 ·前期不需要认识复杂的生命周期函数，可能只关心mounted和VuenextTick ·熟悉的前端模板 ·父子组件间通信更灵活 ·slot，可以大尺度地扩展组件但也不要过度使用哦·vmodel，mvvm的方式处理表单更。

项目模板本身也是一个项目，所以也通过VueCLI来初始化项目名为webapppublicvue init webpack webapppublic这里选用的是webpack模板，因为功能比较齐全初始化的过程中要注意安装VueRouter以支持单页应用安装E。

npm install g vuecli 将vuecli安装到全局环境 vue init webpack myvuedemo 创建基于webpack模板的名为myvuedemo文件名的vue项目 这里的模板有6中，不过我们比较常用的就是webpack了。