個人技術總結

2022-08-09 17:57:18 字數 849 閱讀 1106

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由三個部分組成,樣式,資料,方法。以此次作業的專案...