使用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...