Vue2 0入門學習筆記(二) 全域性API

2021-10-04 19:41:09 字數 885 閱讀 4818

目錄

vue的自定義指令

vue的擴充套件例項構造器

vue使用set設定值

vue的生命週期

vue製作模板

vue的元件

在構造器外部用vue提供的api函式來定義新的功能。

directive的生命週期包括bind、inserted、update、componentupdated、unbind

add

beforecreate:function () ,

created:function () ,

beforemount:function () ,

mounted:function () ,

beforeupdate:function () ,

updated:function () ,

activated:function () ,

deactivated:function () ,

beforedestroy:function () ,

destroyed:function ()

template: "#dd2"

// template: ``

})

定義元件有兩種方式,包括全域性定義元件和區域性定義元件。

使用props對自定義元件的屬性進行繫結

data: ,

components: }

`, props: ['here']}}

})元件的巢狀使用方法

component標籤的用法

改變

(一)vue2 0學習筆記

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

Vue2 0入門學習筆記(三) 選項操作

使用propsdata,動態為擴充套件例項架構extend的屬性賦值 使用computed,為即將展示的資料進行格式化。使用methods定義方法,包括三種呼叫方式,一般呼叫 自定義元件呼叫 外部呼叫。adddata components methods else 使用watch,用於監控資料。包括...

vue2 0學習記錄

1 在main.js可註冊全域性元件,vue.components 元件名稱 元件名 import 元件名 from components 元件檔案 3 元件的標籤名不可與系統的html標籤重複 4 父元件向子元件傳值 父元件有乙個陣列 users 在父元件模板中的子元件標籤中接收 users us...