過濾器
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...