Vue 中如何用localStorage来存储 | vue set localstorage
在写个list的小demo时,经常会遇到下面这个问题当刷新后,下面的list就都不见了。因此可以用localStorage。localStorage就是用来本地存储数据的。先看下完整的代码:vue文件:
在写个list的小demo时,经常会遇到下面这个问题
当刷新后,下面的list就都不见了。因此可以用localStorage。localStorage就是用来本地存储数据的。先看下完整的代码:
vue文件:
<template> <div id="app"> <h2 v-text="title"></h2> <input type="text" v-model="newItem" v-on:keyup.enter="addNew"/> <ul> <li v-for="item in items" v-on:click="toggleFinish(item)" v-bind:class="{finished:item.isFinished}">{{item.label}}</li> </ul> </div> </template> <script> import Store from ./store.js console.log(Store) export default { data:function(){ return{ items:Store.fetch(), title:"to do a list", newItem: } }, watch:{ items:{ handler:function(items){ Store.save(items) }, deep:true//深复制 } }, meth...