1、技術概述
vue router 是 vue.js 官方的路由管理器。它和 vue.js 的核心深度整合,讓構建單頁面應用變得易如反掌。包含的功能有:巢狀的路由/檢視表;模組化的、基於元件的路由配置;路由引數、查詢、萬用字元;基於 vue.js 過渡系統的檢視過渡效果;細粒度的導航控制;帶有自動啟用的 css class 的鏈結;html5 歷史模式或 hash 模式,在 ie9 中自動降級;自定義的滾動條行為。
2、技術詳述
將元件對映到路由,渲染
go to foo
go to bar
定義元件
const foo =
const bar =
定義路由
const routes = [
, ]
建立 router 例項,然後傳routes
配置
const router = new vuerouter()
建立和掛載根例項
router
通過 this.$route 訪問當前路由
export default
},methods:
}}
3、技術使用中遇到的問題和解決過程
動態路由來回切換時,vue復用元件而不是銷毀後再建立該元件,這時只能在內部用watch監聽$route 的變化
4、總結
學習知識時最好學得全面一點,打好基礎,否則後面經常回頭補課,浪費很多精力和時間
個人技術總結
vue的學習 實現和使用 部分例子 2.v for列表渲染 學習任何一門新技術,都需要掌握正確的學習方法和步驟,我認為最適合我個人的方法就是,第一步閱讀文件,試圖搞清楚這項技術是在幹什麼。第二步是語法,不同技術之間的程式語言不同,語法也不同,語法錯誤是最低階的錯誤,熟悉語法才能避免低階錯誤。第三步則...
個人技術總結
我要介紹的是vue傳參的三種方式。這個技術算是比較基礎的,不會很難,但是基本每個專案都要用到,所以寫下這篇部落格。主要的運用場景 點選父元件的li元素跳轉到子元件中,並攜帶引數,便於子元件獲取資料。父元件 template部分 父元件 js部分 methods 需要配置的路由如下 子元件如何獲得id...
個人技術總結 vex table
技術概述 vxe table是乙個vue的 外掛程式,我們專案需要實現填寫 的功能,於是我就找到了這個外掛程式。難點在於,我覺得這個外掛程式的手冊寫得不是很好,而且比較冷門,網上缺少關於它的教程和討論,很多地方要自己研究。技術詳述 vxe table由三個部分組成,樣式,資料,方法。以此次作業的專案...