學習十三 Vue基礎回顧

2021-10-24 22:15:38 字數 1319 閱讀 2103

## vue 生命週期

1) new vue()

2) 初始化(事件,生命週期) => h函式

3) beforecreate

4) 初始化(注入,校驗)

5) created

6) 是否指定 el 選項 => 沒設定的話呼叫 vm.$mounted(el) 函式

=> 設定的話是否指定 template

7) template => 指定了就講 template 編譯到 render 函式中

=> 沒設定就將 el的外部html作為 template 編譯

8) beforemount

9) 建立 vm.$el 並用其替換 "el"

10)mounted

11)掛載完畢

12)當data被修改時,虛擬dom重新渲染並更新應用beforeupdate,updated

13)當呼叫 vm.$destory() 函式時

14)beforedestroy

15)解除繫結銷毀子元件及事件監聽

16)destoryed

17)銷毀完畢

## vue 語法和概念

- 差值表示式 }

- 指令(14 個)

- 計算屬性和偵聽器

- class 和 style 繫結

- 條件渲染 / 列表渲染

- 表單輸入繫結

- 元件

- 插槽

- 外掛程式

- 混入 mixin

- 深入響應式原理

- 不同構建版本的 vue

## vue router 回顧

- 註冊路由外掛程式 vue.use(vuerouter)

- 路由規則

const routes = [

,  export default

- 巢狀路由

,

]}

- 程式設計式導航

this.$router.push("/");

this.$router.push();

this.$router.replace("/");不會記入歷史

this.$router.go(-1) == this.$router.back();

- hash 模式與 history 模式的區別

1) hash模式是基於錨點,以及onhashchange事件

2) histroy模式是基於html5中的history api(有相容性問題)

- history.pushstate()

- history.replacestate()

vue基礎知識回顧

vue主旨 運算元據,不操作dom 元件 例項 1 兩種安裝方式 a,script引入 b,使用v cli腳手架搭建模組化專案 2 掛載點 模板與例項 3 vue例項中的資料data 事件 事件 click.方法 methods 4 vue中的屬性繫結 屬性名 和雙向資料繫結 v model 5 v...

Vue知識回顧

年初第乙個 flag 就是掌握 vue 哈哈 vue react angular 三大主流框架,最後我選擇學習 vue 接觸過 react 自己感覺學習曲線有些陡峭,進而我選擇了學習 vue 他的學習曲線平穩很多 不管選擇什麼框架,除了對基礎的知識有一定的了解掌握,還應該對 es6 有一定的了解 這...

第十三課 彙編基礎學習 十三

請注意 該動畫內如含廣告與本站無任何關係,為作者個人宣傳,網路交易風險自負 and指令 且 and 邏輯與指令,按位進行與運算。必須兩個運算元都為1,那麼返回為1。有乙個為0,則返回為0 示例 mov al,00001000b and al,11110111b 執行後al 0 00001000b 8...