var vm = new vue(, //不應該使用箭頭函式來定義計算屬性函式
methods: {}, //不應該使用箭頭函式來定義 method 函式
watch: },
// **********
// dom
el: '',
template: '',
render: function(){}, // [render 函式]
// **********
// 生命週期
// **********
// 資源
// **********
// 雜項
初始化選項為new每個例項之前傳遞的引數。
例項屬性指的是例項vm的屬性,即通過$
標明的,以便與**的 data 屬性區分。
例項屬性
例項屬性名
型別描述
示例$data
objecct
vm.$data === options.data
$eldom
vm.$el === options.el
$options
object
vm.$options.data === vm.$data
$root
如果當前例項沒有父例項,此例項將會是其自已
$slots
內容分發的意思是混合父子元件的內容
使用-slot-分發內容
$refs
$refs 只在元件渲染完成後才填充,並且它是非響應式的。它僅僅作為乙個直接訪問子元件的應急方案——應當避免在模版或計算屬性中使用 $refs
例項方法 / 資料
例項方法名(資料)
型別描述
示例$watch
觀察 vue 例項變化的乙個表示式或計算屬性函式
var unwatch = vm.$watch('a', cb)
$set
這是全域性 vue.set 的別名
$delete
這是全域性 vue.delete 的別名
例項方法/事件
例項方法名(事件)
型別描述
示例$on
監聽當前例項上的自定義事件。事件可以由vm.$emit
觸發
vm.$on('test', cb)
$once
監聽乙個自定義事件,但是只觸發一次,在第一次觸發之後移除***
$off
移除事件***
$emit
觸發當前例項上的事件
vm.$emit('test', 'hi')
例項方法 / 生命週期
例項方法名
型別描述
示例$mount
一般用來處理例項「未掛載」狀態
$destory
在大多數場景中你不應該呼叫這個方法。最好使用v-if
和v-for
指令以資料驅動的方式控制子元件的生命週期。
vue 初始化請求例子 Vue例項初始化
vue的建構函式new vue 一切都是從vue的建構函式開始的.當執行了npm run dev的構建過程就是執行這些初始化的過程,首先在node modules中找到vue原始碼,core檔案是對vue核心的包裝,入口檔案index.js,先從乙個建構函式開始,然後在vue的prototype上進...
Python初始化例項屬性
雖然我們可以自由地給乙個例項繫結各種屬性,但是,現實世界中,一種型別的例項應該擁有相同名字的屬性。例如,person類應該在建立的時候就擁有name gender和birth屬性,怎麼辦?在定義 person 類時,可以為person類新增乙個特殊的 init 方法,當建立例項時,init 方法被自...
python 初始化例項屬性
雖然我們可以自由地給乙個例項繫結各種屬性,但是,現實世界中,一種型別的例項應該擁有相同名字的屬性。例如,person類應該在建立的時候就擁有 name gender 和 birth 屬性,怎麼辦?在定義 person 類時,可以為person類新增乙個特殊的 init 方法,當建立例項時,init ...