在未設定mode:「history」,vue的路由預設是hash模式，位址列中顯示如下：
history利用了h5 history inte***ce中新增的pushstate()和replacestate()方法。（需要特定瀏覽器支援）這兩個方法應用於瀏覽器的歷史記錄棧，在當前已有的back、forward、go的基礎上，它們提供了對歷史記錄進行修改的功能。只是當它們執行修改時，雖然改變了當前的url，但是瀏覽器不會立即向後端傳送請求。
綜上：hash模式和history模式都屬於瀏覽器自身的特性，vue-router只是利用了這兩個特性（通過呼叫瀏覽器提供的介面）來實現前端路由。
為了使路徑更加直觀及美觀，就需要使用history模式。只需在router資料夾下的index.js中加入 mode:「history」
關於單頁面互動跳轉，只需要使用router提供的方法即可。
在main.js檔案配置中將router繫結到全域性
vue.prototype.router = router;
跳轉頁面如下：
"toarticle()"
>跳轉文章頁面<
/button>
methods:
}
Vue 在Vue中快速使用ElementUI
最近使用vue，順道使用elementui，在vue專案中音容elementui的方法 idea開啟termianl，在vue專案中使用npm安裝 1.安裝 npm install element ui s2.引入 1 整體引入 在專案的main.js中寫入 import elementui fro...
Vue中的 vue檔案的使用
需要安裝vue loader npm i vue loader vue template complier d 然後在配置檔案中新增匹配規則 template 這裡定義js 在這裡匯入檔案 import vue from vue export default methods script style...
vue 引用src中的檔案 VUE中引用路徑的配置
在vue專案開發中經常引用js css img檔案。當專案較大時檔案層級很多，導致路徑很長，我們可以通過在bulid webpack.base.conf.js 設定簡便的引用路徑 一 引用assets目錄下的檔案 舉例 1 在src components content content.vue 中引...