Vuejs vm物件詳解

2022-04-02 00:52:03 字數 1058 閱讀 9901

vuejs vm物件詳解

vue資料是怎麼驅動檢視的?

一堆資料放在那裡是不會有任何作用的,它必須通過我們的view model(檢視模型)才能操控檢視。

圖中的model其實就是資料,一般我們寫成js物件的格式;

中間的這個所謂view model,就是

vm這個物件有哪些屬性和方法

我們看到

vm實際上是vue這個類的乙個例項,非常容易混淆的是,你會很容易的以為

通過vm讀取資料

實際上,vm.messasge == 'hello vue!', vm的屬性是直接跟資料的key繫結的(至於怎樣繫結的現在不用管),這是一種**屬性;

這個資料是響應式(reactive)的

var data =

var vm = new vue()

vm.a === data.a // -> true

// 設定vm資料會使原來的資料發生改變

vm.a = 2

data.a // -> 2

// ... 反過來亦然

data.a = 3

vm.a // -> 3

怎麼通過vm獲取其他屬性

詳細其他屬性的請查閱文件api

不僅有屬性,還有方法

vm.$watch('a', function (newval, oldval) )

詳細其他方法,請查閱文件api

vm物件的生命週期

乙個物件的生成和銷毀都是有生命週期的,這個週期中有很多事件點,供我們插入邏輯**;

生命週期事件,怎麼插入事件**呢?

var vm = new vue(,

created: function ()

})// -> "a is: 1"

直接把事件名當做乙個屬性,然後加匿名**函式即可。

vue生命週期圖示中英文版vue例項生命週期鉤子 - 流風,飄然的風 -

Vuejs vm物件詳解

vuejs vm物件詳解 vue資料是怎麼驅動檢視的?一堆資料放在那裡是不會有任何作用的,它必須通過我們的view model 檢視模型 才能操控檢視。圖中的model其實就是資料,一般我們寫成js物件的格式 中間的這個所謂view model,就是 vm這個物件有哪些屬性和方法 我們看到 vm實際...

XMLHttpRequest 物件詳解

http 請求的狀態.當乙個 xmlhttprequest 初次建立時,這個屬性的值從 0 開始,直到接收到完整的 http 響應,這個值增加到 4。狀態名稱描述0 uninitialized 初始化狀態。xmlhttprequest 物件已建立或已被 abort 方法重置。1open open 方...

Microsoft XMLDOM 物件詳解

當用xmlhttprequest物件返回xml檔案時,可以使用microsoft.xmldom 物件操作該xml文件。生成xmldom物件 var xmldoc new activexobject microsoft.xmldom 常用方法 xmldocument.loadxml xmlstring...