在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了。