update

huang303513 · huang303513 · commit c3e6101cb570 · 2016-09-30T08:28:27.000+08:00
diff --git a/vuejs入门基础/my-second-vue-project/src/App.vue b/vuejs入门基础/my-second-vue-project/src/App.vue
@@ -1,28 +1,43 @@
 <template>
   <div id="app">
       <h1 v-text="title"></h1>
+      <input v-model="newItem" v-on:keyup.enter="addNew">
       <ul>
-          <li v-for="item in items" v-bind:class="{finished:item.isFinished}">
+          <li v-for="item in items" v-bind:class="{finished:item.isFinished}" v-on:click="toggleFinish(item)">
               {{item.label}}
           </li>
       </ul>
   </div>
 </template>
 
 <script>
+import Store from './store'
+
 
 export default {
     data:function(){
         return { 
             title:'this is a todo list',
             items:[
             {label:'coding',isFinished:false
-        },{
+            },{
             label:'walking',isFinished:true
             }],
+            newItem:'',
             liClass:'thisisliClass'
         };
-       
+    },
+    methods:{
+        toggleFinish:function(item){
+            item.isFinished = !item.isFinished;
+        },
+        addNew:function(){
+            this.items.push({
+                label:this.newItem,
+                isFinished:false,
+            });
+            this.newItem = '';
+        }
     }
 }
 </script>
diff --git a/vuejs入门基础/my-second-vue-project/src/store.js b/vuejs入门基础/my-second-vue-project/src/store.js
@@ -0,0 +1,9 @@
+const STORAGE_KEY = 'todos-vuejs'
+export default{
+	fetch(){
+		return JSON.parse(window.localStorage.getItem(STORAGE_KEY) || '[]');
+	},
+	save(items){
+		window.localStorage.setItem(STORAGE_KEY,JSON.stringify(items));
+	}
+}	
