route和過濾器的基礎知識

2022-08-22 23:15:11 字數 2106 閱讀 5269

過濾器

1.區域性過濾器 在當前元件內部使用過濾器(對某些資料進行裝飾)

//宣告

filters:

}//使用 管道符

資料 | 過濾器的名字('will','william')

2.全域性過濾器 只要過濾器一建立,在任何元件中都能使用

vue.filter('過濾器的名字',function(val,a,b){})

在各個元件中都能使用

生命週期的鉤子函式

vue例項從建立到銷毀的過程

diff演算法

- [beforecreate]

- [created]元件建立 ***

- 虛擬dom react

- 傳送ajax 獲取資料 實現資料驅動檢視

- [beforemount]

- [mounted] ***

- 獲取真實dom

- [beforeupdate]

- [updated]

- [activated]

- 啟用當前元件

- [deactivated]

- keep-alive vue提供的內建元件,主要作用,讓元件產生快取

- 停用當前元件

- [beforedestroy]

- destroyed

- 如果開了定時器,一定要關閉定時器

vue-router

vue-router是vue的核心外掛程式

2.定義和建立路由

const index = 

},template: `我是首頁

` }

const course =

},template: `我是課程

` }

routes = [,]

3.建立router例項並掛載到vue中

const router = new vuerouter()

new vue(

},router

})

命名路由
routes = [,]

const router = new vuerouter()

data()

},// router-link和router-view 是vue-router 提供的兩個全域性元件

//router-view 是路由元件的出口

//router-link缺省會被渲染成a標籤,to屬性預設被渲染成href

template: `

首頁免費課程

`,}

動態路由匹配

可以動態的匹配路由位址,但用的還是同乙個路由元件

$route 路由資訊物件

$router 路由物件 vuerouter

const user = 

},template: `我是使用者}

`, created() ,

watch: }}

//建立路由

const router = new vuerouter(]})

data()

},// router-link和router-view 是vue-router 提供的兩個全域性元件

//router-view 是路由元件的出口

template: `

使用者1使用者2`}

new vue(

},components:

})

程式設計式的導航

當你點選時,這個方法會在內部呼叫,所以說, 點選等同於呼叫router.push(...)

宣告式:router-link :to="..."

程式設計式:router.push(...)

// 命名的路由

router.push(})

// 帶查詢引數,變成 /register?plan=private

router.push(})

過濾器基礎知識

filter 技術是servlet 2.3 新增加的功能。servlet2.3是sun公司與2000年10月發布的,它的開發者包括許多個人和公司團體,充分體現了sun公司所倡導的 開放性原則。由於眾多的參與者的共同努力,servlet2.3比以往功能都強大了許多,而且效能也有了大幅提高。filter...

Vue基礎知識之過濾器(四)

1 過濾器的用法,用 分割表示式和過濾器。例如 a就標識filter的乙個引數。用兩個過濾器 2 自定義的過濾器 過濾器的結構為 vue.filter id function value,a value是過濾器的乙個引數,也是預設的原始值。a是自定義的乙個引數。msg的值 其中a的個數 msg的值 ...

MVC基礎知識2 過濾器的使用(Filter)

過濾器 filter 四種 filter 例項 定義的類可以在global 中globalfilters.filters.add new filter 的方式新增為全域性的 過濾器。2 iauthorizationfilter 案例 只有登入後才能訪問除了 logincontroller 之外的 c...