Vuejs vm物件詳解

2021-09-11 03:07:15 字數 792 閱讀 4805

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

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