Vue todolist练习 知识点

Posted changedman

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue todolist练习 知识点相关的知识,希望对你有一定的参考价值。

1.localStorage的用法总结

(1).这儿是什么:局部存储器。它是html5新增的一个本地存储API,所谓localStorage就是一个小仓库的意思,它有5M的大小空间,存储在浏览器中,我们可以通过js来操纵localStorage。

(2)用法:1.localStorage通过使用setItem(key,value)来设置元素以及值,如localStorage.setItem("name","猪小明");

                    2.用getItem(key)来获取元素值,如localStorage.getItem("name");

                    3.用removeItem(key)清除key值,如localStorage.removeItem("name");

                    4 .用localStorage.length可以获取本地存储key的个数;

                    5.按照序号读取本地存储变量的key值,使用localStorage.key(i)。

2.localStorage如何读取和存储Json数据呢?

   localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地

  写入时:var json_data = {id:12,name:"yang",email:"[email protected]"};

                  localStorage.setItem("json_data",JSON.stringify(json_data));


 读取时:  var json_data = JSON.parse(storage.getItem("json_data"));

拓展:

1.Jason对象和Jason字符串的区别

(1)JSON对象是直接可以使用JQuery操作的格式,如C#中可以用对象(类名)点出属性(方法)一样;var str2 = { "name": "deluyi", "sex": "man" };

(2)JSON字符串仅仅只是一个字符串,一个整体,不截取的话没办法取出其中存储的数据,不能直接使用,除非你只想alert()他;var str1 = ‘{ "name": "deyuyi", "sex": "man" }‘;

 



以上是关于Vue todolist练习 知识点的主要内容,如果未能解决你的问题,请参考以下文章

使用vite-vue3-ts快速上手做一个todolist

vue练习 todoList

Vue项目实战——实现一个任务清单(学以致用,两小时带你巩固和强化Vue知识点)

基于vue的todolist案例

vue框架制作TodoList

vue进阶知识总结