測試靜態Method
先建立Karma測試流程環境(請參考【VueJs測試篇-Karma(二)】安裝Karma說明)
建立test.js(內容如下):
describe('my app', () => { let vm beforeEach(() => { vm = new Vue({…
測試流程
1.建立安裝設定檔package.json(內容如下)
{ "name": "my-vue-project", "version": "1.0.0"}
2.安裝Karma
開發第一道防線
Jasmine是一個將測試執行結果顯示在網頁上,會引用的套件有Html的部分。
https://cdnjs.cloudflare.com/ajax/libs/jasmine/3.2.1/jasmine.csshttps://cdnjs.cloudflare.com/ajax/libs/jasmine/3.2.1/jasmine.js…
紀錄上一頁的轉跳畫面位置
建立資料夾【mkdir VueHistory】→進入my-server資料夾【cd VueHistory】。
1.安裝history-server套件
強制路由
屬性redirect:強制路由路徑
new VueRouter({ routes:[ { path: '路徑', component: 元件宣告, redirect: '強制路由(已宣告路徑才可使用)'…
預載動畫
使用NProgress.js套件
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/nprogress/0.2.0/nprogress.css"><link rel="stylesheet"…
異常錯誤處理
=【Html】=— — — — — — — — — — — —<div id="app"> <h1>My Portfolio</h1> <ul> <li><router-link to="/">Home</router-link></li> <li><router-link…