与登录一致的获取localStorage，我小心翼翼的

Posted 2020-12-01 home-

 

localStorage.setItem() 存

 

 

localStorage.getItem() 取

　存：

　this.trainingcamplessonVal.map(item => {

　　两个参数：
　　第一个：自定义的在取中会用到
　　第二个：存入的值，找到这个值的位置然后入参

   localStorage.setItem("classNameVal", item.groupLesson.name);

});

 

 

　　哪里用那哪里取放在Vue的计算属性computed中

   　 关于computed：

　　computed用来监控自己定义的变量，这个变量不在data里面声明，直接在computed里面定义

　　然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理

　　比较适合对多个变量或者对象进行处理后返回一个结果值

---------------------------------------------------------------------------------------------                                                          

　　computed和watch有什么区别呢？

　　watch主要用于监控vue实例的变化，它监控的变量当然必须在data里面声明才可以

　　它可以监控一个变量，也可以是一个对象，但是computed不能类似这样监控

　　watch一般用于监控路由、input输入框的值特殊处理等等，它比较适合的场景是一个数据影响多个数据

取：
computed: { 
　　classNameVal() {
　　　 //生成一个方法，在这个方法中在生成一个变量取出localStorage
　　 //参数就是在存的时候自定义的参数根据这个来取
　　　 //然后返回出去生成表达式并判断
　　let classNameVal = localStorage.getItem("classNameVal"); 

　　return classNameVal ? classNameVal : this.titleVal; 
　　} 
}

用的时候直接用就可以了需要绑定，不绑定在标签直接用的话就是<p>{{classNameVal}}</p>解构赋值使用
<el-dialog :title="classNameVal">