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

2021-10-04 20:29:39 字數 650 閱讀 2739

使用propsdata,動態為擴充套件例項架構extend的屬性賦值

使用computed,為即將展示的資料進行格式化。

使用methods定義方法,包括三種呼叫方式,一般呼叫、自定義元件呼叫、外部呼叫。

adddata: ,

components:

},methods: else }}

})使用watch,用於監控資料。包括兩種使用方式,例項構造內部使用監控、例項構造外部使用監控。

watch:else if(newval<26&&newval>0)else }}

})// 例項構造外部使用監控

if (newval >= 26) else if (newval < 26 && newval > 0) else

})使用minxin可以不破壞原例項構造的情況下進行擴充套件。

使用extends,用於擴充套件例項構造器。

使用delimiters,用於自定義取值方式,例如將}改變為${}

data: ,

methods:

},updated: function () ,

extends: ,

methods: }},

delimiters: ['$']

})

(一)vue2 0學習筆記

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

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

目錄 vue的自定義指令 vue的擴充套件例項構造器 vue使用set設定值 vue的生命週期 vue製作模板 vue的元件 在構造器外部用vue提供的api函式來定義新的功能。directive的生命週期包括bind inserted update componentupdated unbind ...

vue2 0學習記錄

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