VUE项目中加载已保存的笔记实例方法

现在笔记内容每次改变都会进行保存操作,我们需要在应用重新打开的时候恢复数据。这里 将使用 localStorage.getItem() API。将下面的代码添加到 JavaScript 文件的最后: 一个基本的笔记编辑器 console.log('restored note:', localStorage.getItem('content')) 当刷新应用时,可以看到在浏览器控制台打印出了已经保存的笔记内容。 1. 生命周期钩子 将笔记内容恢复到 Vue 实例中的第一种方法就是在创建实例的时候设置 content 数据属性 的内容。 每个 Vue 实例都严格遵循一个生命周期,包括多个环节