當乙個vue例項被建立時,它將data
物件中的所有property加入到vue的響應式系統中。當這些property的值發生改變時,檢視將會產生「響應」,即匹配更新為新的值。
// 我們的資料物件
var data =
// 該物件被加入到乙個vue例項中
var vm =
newvue()
// 獲得這個例項上的property
// 返回原資料中對應的字段
vm.a == data.a // => true
// 設定property也會影響到原始資料
vm.a =
2data.a // => 2
// ...反之亦然
data.a =
3vm.a // => 3
當這些資料改變時,檢視會進行重渲染。值得注意的是只有當例項被建立時就已經存在於data
中的property才是響應式的。也就是說如果你新增乙個新的property,比如:
vm.b =
'hi'
那麼對b
的改動將不會觸發任何檢視的更新,如果你知道你會晚些時候需要乙個property,但是一開始他為空或不存在,那麼你僅需要設定一些初始值。比如:
data:
這裡唯一的例外是使用object.freeze()
,這會阻止修改現有的property,也意味著響應系統無法再追蹤變化。
var obj =
object.
freeze
(obj)
newvue
()
>
>
}p>
v-on:click
="foo = 'baz'
">
change itbutton
>
div>
除了資料property,vue例項還暴露了一些有用的例項property與方法。它們都有字首$
以便於使用者定義的property區分開來。例如:
var data =
var vm =
newvue()
vm.$data ==
= data // => true
vm.$el ==
= document.
getelementbyid
('example'
)// => true
// $watch 是乙個例項方法
vm.$watch
('a'
,function
(newvalue, oldvalue)
)
以後你可以在api參考中查閱到完整的例項property和方法的列表。 vue的資料與方法
乙個 vue 應用由乙個通過new vue建立的根 vue 例項,以及可選的巢狀的 可復用的元件樹組成。舉個例子,乙個 todo 應用的元件樹可以是這樣的 根例項 todolist todoitem deletetodobutton edittodobutton todolistfooter cle...
大資料 方法與技術
economist 的,一篇 mckinsey quarterly 的,和一篇 forbes 的。其實這三篇都是空話。通篇無非就是在講 1 資料真的很大 2 各行各業都要學會處理大資料。然而我真正關心的是 怎麼做 於是 另一篇文章 進入視野。不過最精彩的還是麥肯錫的 分析報告 其中最吸引我的是 方法...
資料概要技術與FM Sketch方法
由於大資料自身的海量非結構化的特點,很多時候,尤其是在一些要求高速訪問的場景下,直接儲存資料本身是不可取的。這種情況下,我們採取的一種方法,根據應用需求,從原資料提取出能反映資料的特徵的資料,通過對這些特徵資料的處理,可以更加高效地達到應用的需求,這種技術稱為概要技術。fm sketch是概要技術的...