本地存储localStorage和会话存储sessionStorage、vue中v-model数据双向绑定的原理、懒加载、页面跳转、vue创建项目

1、本地存储localStorage和会话存储sessionStorage

localStorage：存储事件也有限制，需要手动清除本地存储
1、length:存储数据的个数
2、setItem（key，value） 存储数据
3、getItem（key） 根据属性值获取属性名
4、removeItem（key） 删除属性名 单条数据对应属性值也没了
5、clear（） 清除所有数据 localstorage.length为0
6、得到某个索引的key：localStorage.key(index) ·根据索引拿到属性名key
sessionStorage：浏览器关闭后，数据自动清除
1、length:存储数据的个数
2、setItem（key，value）
3、getItem（key）
4、removeItem（key）
5、clear（）
6、得到某个索引的key：localStorage.key（index）
区别中的重点：localStorage除非数据被清除，否则会一直存在浏览器中，而sessionStorage关闭浏览器后数据就自动清除了
在存储数据是经常会用到对象转字符串可以通过JSON.stringfy（）转成字符串
还有JSON.parse（）转回来成数组在进行后续操作

2、vue中v-model数据双向绑定的原理

通过数据劫持结合发布订阅模式的方式来实现的，通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图

3、一些问题

1、item是传输入框中拿到的对应的对象 把他当做实参传给点击事件
2、这是懒加载，只有点进去这个页面才会加载 ，否则不会加载，加快页面首次加载的速度
3、页面跳转：
window.location.href=‘地址’
4、创建项目
vue create 项目名字