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" }‘;

原文地址：https://www.cnblogs.com/changedman/p/9182108.html

时间： 2024-10-24 12:31:15

Vue todolist练习知识点的相关文章

Vue TodoList 入门 Demo

// TodoList 实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>This is todo List</title> <style type="text/css"> .isFinshed{font-size: 20px; font-weight: 800; co

Vue近几年来特别的受关注,三年前的时候angularJS霸占前端JS框架市场很长时间,接着react框架横空出世,因为它有一个特性是虚拟DOM,从性能上碾轧angularJS,这个时候,vue1.0悄悄的问世了,它的优雅,轻便也吸引了一部分用户,开始收到关注,16年中旬,VUE2.0问世,这个时候vue不管从性能上,还是从成本上都隐隐超过了react,火的一塌糊涂,这个时候,angular开发团队也开发了angular2.0版本,并且更名为angular,吸收了react.vue的优点,加上a

【转】[总结]vue开发常见知识点及问题资料整理（持续更新）

1.(webpack)vue-cli构建的项目如何设置每个页面的title 2.vue项目中使用axios上传图片等文件 3.qs.stringify() 和JSON.stringify()的区别以及在vux中使用post提交表单数据需要qs库序列化 4.vue中实现全局的setCookie,getCookie以及delCookie方法笔记 5.webpack中alias配置中的"@"是什么意思? 6.webpack proxyTable 代理跨域 7.如何在 vue 项目里正确地引用

vue总结的知识点

1.Vue生命周期钩子,都是干嘛用的? Vue实例从创建到销毁的过程,就是生命周期.Vue的生命周期包括:开始创建.初始化数据.编译模板.挂载Dom.渲染→更新→渲染.卸载等一系列过程.在Vue的整个生命周期中,提供了一系列的事件,可以注册JavaScript方法,达到控制整个过程的目的,在这些JavaScript方法中的this直接指向的是vue的实例.在Vue的整个生命周期中,实例可以调用一些生命周期钩子,这提供了执行自定义逻辑的机会.Vue提供的生命周期钩子如下:① beforeCreat

Vue的基础知识点

vue是一款 mvvm 做单页面应用的渐进式js框架 vue的使用: <div id="app"> <p>{{msg}}</p> <input type="text" v-model="msg"> </div> <script> new Vue({ el:"#app", data:{msg:"你好Vue"} }) </script

vue路由的知识点

this.$router.push({name:'login',query:{name:'ww',age:18}}) 传数据 this.$route.query 拿数据 meta:{ "dl":true} //权限路由一旦设置了这个meta标签就会在访问该路由时进行meta里面的值的判断. 由此实现了登录拦截 props 也可以在routes里面使用设置成true时,可以在改路由的组件内props 接收到值. 路由全局的钩子函数全局守卫 router.beforeEach((to

vue todolist 1.0

1 <template> 2 3 4 <div id="app"> 5 6 <input type="text" v-model='todo' /> 7 8 <button @click="doAdd()">+增加</button> 9 10 <br> 11 12 <hr> 13 14 <br> 15 16 <ul> 17 18 <l

vue todolist待办事项完整

1 <template> 2 3 4 <div id="app"> 5 6 <input type="text" v-model='todo' @keydown="doAdd($event)" /> 7 8 9 <br> 10 11 <hr> 12 13 <br> 14 15 <h2>进行中</h2> 16 <ul> 17 18 <l

vue 项目总结知识点补充

1.页面加载后自动执行函数 2.向后端请求数据方法 2-1 :axios 的安装使用 2-2 在组件中使用 2-3 发送请求 2-4 接收数据后渲染 2-5 后端数据渲染 2-6 解决跨域问题任务: 原文地址:https://www.cnblogs.com/Rivend/p/11958018.html

Vue todolist练习 知识点

Vue todolist练习 知识点的相关文章

Vue todolist练习知识点

Vue todolist练习知识点的相关文章