vue2 0學習記錄

2021-08-19 04:39:21 字數 962 閱讀 6692

1、在main.js可註冊全域性元件,vue.components('元件名稱 ', '元件名');import 元件名 from 『./components/元件檔案』

3、元件的標籤名不可與系統的html標籤重複

4、父元件向子元件傳值:父元件有乙個陣列(users),在父元件模板中的子元件標籤中接收(users = 『users』),然後在子元件中的props物件中定義users,users中有兩個引數,第乙個引數type(指定接收引數的型別),第二個引數required(true或false),當傳遞陣列或物件的時候,傳遞的是引用,當某乙個模板中的值有改變時,所有指向該陣列或物件的引用都會發生改變。當傳遞的是基礎型別資料時,傳遞的是值,所有的模板中該值互不影響。

5、使用事件進行子元件向父元件傳值,在子元件寫乙個函式,函式內容為this.$emit('註冊的事件名','需要傳遞的值'),在子元件中進行事件觸發該函式,在父元件中的模板中的該子元件標籤中繫結該函式(v-on:事件名=『父元件中的接收事件名』)(繫結該函式的時候要傳入$event實參),並在父元件中編寫該函式接收引數。

6、vue中的鉤子函式,一共有八個(beforecreate(例項化前),created(例項化後),beforemount(掛載前,虛擬dom已經配置),mounted(掛載後,頁面已經可展示),beforeupdate(資料還未更新前,頁面未展示),updated(資料更新後,頁面已經可展示),beforedestroy(例項銷毀前),destroyed(例項銷毀後))。

7、路由配置及使用  再main.js中import vuerouter from 『vue-router』,然後vue.use(vuerouter),const router = new vuerouter(,],mode:history(消除hash值中的#/)}),並且在例項化的vue中配置router(此處不需要填寫value值)

8、http使用  安裝過程與路由安裝一樣,this.$http.get("介面位址").then()

Vue2 0學習之路

一 基礎 1.vue2.0學習記錄 hello world 2.vue2.0學習記錄 todo list初步 3.vue2.0學習記錄 mvvm模式 4.vue2.0學習記錄 全域性元件 5.vue2.0學習記錄 區域性元件 6.vue2.0學習記錄 父子元件傳值 7.vue2.0學習記錄 生命週期...

VUE2 0學習總結

摘要 年後公司專案開始上vue2.0,自己對學習進行了總結,希望對大家有幫助!vue2.0學習 vue融合了react和angular的優點,並且解決了react和angualr的痛點 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模...

(一)vue2 0學習筆記

官方api位址 引用 body標籤的閉合標籤上面 2.1.0 新增 用法 繫結事件 事件型別由引數指定。表示式可以是乙個方法的名字或乙個內聯語句,如果沒有修飾符也可以省略。用在普通元素上時,只能監聽原生 dom 事件。用在自定義元素元件上時,也可以監聽子元件觸發的自定義事件。在監聽原生 dom 事件...