路由（vue-router） 現在的應用都流行SPA應用（single page application） 傳統的項目大多使用多頁面結構，需要切換內容的時候我們往往會進行單個HTML文件的跳轉，這個時候網絡 ...

對於單頁應用，官方提供了vue-router進行路由跳轉的處理，本篇主要也是基於其官方文檔寫作而成。 安裝 基於傳統，我更喜歡采用npm包的形式進行安裝。 npm install vue-router --save 當然，官方采用了多種方式進行安裝，包括bower,cdn等。 基本用法 ...

前面的話 　　本文將詳細介紹Vue-router的API router-link 　　<router-link> 組件支持用戶在具有路由功能的應用中點擊導航。 通過 to 屬性指定目標地址，默認渲染成帶有正確鏈接的 <a> 標簽，可以通過配置 tag 屬性生成 ...

一、什么是計算屬性 模板內的表達式非常便利，但是設計它們的初衷是用於簡單運算的。在模板中放入太多的邏輯會讓模板過重且難以維護。例如： 這里的表達式包含3個操作，並不是很清晰，所以遇到復雜邏輯時應該使用Vue特帶的計算屬性computed來進行處理。 二、計算屬性的用法 ...

一、綁定class的幾種方式 1.對象語法 直接看例子： 2.數組語法 直接看例子： 使用計算屬性給元素動態設置類名， ...

指令 (Directives) 是帶有 v- 前綴的特殊屬性，職責是，當表達式的值改變時，將其產生的連帶影響，響應式地作用於 DOM。 內置指令 1、v-bind：響應並更新DOM特性；例如：v- ...

前端路由 根據不同的 url 地址展示不同的內容或頁面，無需依賴服務器根據不同URL進行頁面展示操作 優點 用戶體驗好，不需要每次都從服務器全部獲取，快速展現給用戶 缺點 ...

一、簡介 Vue-router 是 Vue.js官方的路由管理器。它和 Vue.js的核心深度集成，讓構建單頁面應用變得易如反掌 先來了解兩點 單頁面應用(SPA) 路由管理器 1.1 單頁面應用 單頁面應用程序將所有的活動局限於一個Web頁面中，僅在該Web頁面 ...