Vue文件 初始化選項與例項屬性

2021-08-21 13:53:24 字數 1586 閱讀 3908

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-ifv-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 ...