用vue也有一小段時間了，最近剛好寫到一個樹形控件，腦補了下怎麽設計數據結構，結果vuex的雙向綁定讓我瞬間癡漢了

代碼在這裏http://jsfiddle.net/osyo/2cm2bLdf/

思路也挺簡單的，就是把當前元素所在的對象作為參數傳入方法中直接修改

emmm，這裏要註意一點，如下

state: {
    all: {
        name: ‘0‘, 
        list: [
            { name: ‘0-0‘, content: ‘some text‘ }
        ]
    },
    formData: {
        group: {
            name: 
 
‘‘,
            list: []
        },
        item: {
            name: ‘‘,
            content: ‘‘
        }
    }
}

根據新增的內容時組還是單個對象來往list中push元素，如果直接使用或者只是簡單的淺拷貝，會導致新增的item使用同一個content，當某個item值有修改時，所有item值都會被修改...

大概就這些...

基於Vuex的樹形控件