function ViewModel(){
 this.list = ko.observableArray();
 this.name = ko.observable('無(wú)名氏');
 this.count = ko.computed(function(){
  //必須用this，這個(gè)時(shí)候ko.$store還沒(méi)創(chuàng)建完成，應(yīng)該ko.computed創(chuàng)建時(shí)會(huì)執(zhí)行一次此處
  //如果是子vm依賴(lài)主vm，還是可以用ko.$store的
  return this.list().length + '個(gè)數(shù)'; //需要對(duì)監(jiān)控對(duì)象求值，否則computed不能有效
 },this);
}
var fullVm = new ViewModel(); 
var index = 1;
fullVm.vf={
 add: function(){
  ko.$store.dispatch('addClass',{title: 'title' + (index++)});
 }
}
var opt = {
 state: {
  class: fullVm
 },
 actions:{
  "setName":function(state, name){
   state.class.name(name);
  },
  "addClass":function(state, classInfo){
   state.class.list.push(classInfo);
  }
 },
 getters:{
  "getName":function(state){
   return state.class.name;
  }
 }
}
flux.createStore(opt);

 app1:
 


 app4:
 
 改變名字
 



 app2:
 

  

 


 app3: 
 添加
 

var app1 = ko.applyBindings(fullVm, document.getElementById("app1"));
var app2 = ko.applyBindings(fullVm, document.getElementById("app2"));
var app3 = ko.applyBindings(fullVm, document.getElementById("app3"));
//測(cè)試兩個(gè)vm之間的依賴(lài) 解藕
var app4 = ko.applyBindings({
 name: ko.observable(),
 changeName:function(data,event){
  ko.$store.dispatch('setName', this.name());
 }
}, document.getElementById("app4"));

 


 
 
 換名

function rootViewModel(){
 this.name = ko.observable('root'); 
}
var rVM = new rootViewModel();
flux.createStore({ state: rVM}); //創(chuàng)建root狀態(tài)器

var treeNode={
 name: ko.observable('node'),
 changeName:function(){
  ko.$store.areas.treeNode.state.name('新名字');
 },
 full: ko.computed(function(){
  //computed的職責(zé)：1. 監(jiān)控其他對(duì)象屬性的變化，而影響自身對(duì)象（flux解決）；2. 合并自身對(duì)象的幾個(gè)屬性（在function下，有this可解）
  //不能通過(guò)ko.$store訪問(wèn)對(duì)象本身，因?yàn)槭状螌?duì)象本身還沒(méi)初始化好
  var store = ko.$store;
  //(store.areas.treeNode? store.areas.treeNode.state.name() : '') 這樣也是不行，因?yàn)榻鉀Q第一次通不過(guò)，后面肯定不行
  return store.state.name();
 })
}

ko.$store.register('treeNode', flux.createStore({ state: treeNode})); //創(chuàng)建子狀態(tài)機(jī)
var app1 = ko.applyBindings(rVM, document.getElementById("app1"));
var app2 = ko.applyBindings(treeNode, document.getElementById("app2"));