vue中动态加载图片，，使用localStrage将数据存入本地

1.对于动态加载的图片的路径的处理

html部分

js部分

在vue中直接引入图片，页面渲染的时候图片找不到

效果图

解决：

       #1.先用import导入图片，再使用。

解法1

      #2.对于放在数据中的图片相对路径，要加一层 require('')包起来。

解法2

     #3.将图片放在static文件夹中，而不是放在assets文件夹中。（两者的区别是一个需要打包，一个不用打包）------------解法3还没有试验过

---

2.关于localStrage在vue中的使用

   #1.在localStorage中不能存入对象，只能存字符串。否则将拿不到该值。

localStorage.setItem

因此，在存入时要用JSON.stringify转换一下 ：  localStorage.setItem('user',JSON.stringify(objec))。且在获取时要用JSON.parse转换再拿值。

   #2.判断本地是否有值 ---- localStorage.hasOwnProperty('user')

   #3.清空localStorage ----- localStorage.clear();

---

3.关于sessionStorage在vue中的使用

    #1.设置

          let myToken = "这里是你的token值";

         sessionStorage.setItem("accessToken",JSON.stringify(myToken));

   #2.获取

         let baseInfo = JSON.parse(sessionStorage.getItem("accessToken"));

效果图如下：