vue-ls实现t内存存储

vue-ls是一个基于Vue.js的插件，用于实现浏览器端的本地存储。

使用vue-ls可以将数据存储在内存中，而不是通过localStorage或sessionStorage存储在浏览器的本地存储中。具体实现方式如下：

1. 首先，需要安装vue-ls插件。可以通过npm或yarn进行安装，命令为：`npm install vue-ls` 或 `yarn add vue-ls`

2. 在Vue项目的main.js文件中，引入vue-ls插件，并进行配置。具体代码如下：

import Vue from 'vue';
import Storage from 'vue-ls';

Vue.use(Storage,{
    namespace:'vuejs__', 
    name:'ls', 
    storage: 'memory'
});

3. 在Vue组件中，使用`$ls`对象访问内存存储。例如，可以使用`$ls.set(key, value)`方法将数据存储在内存中，使用`$ls.get(key)`方法获取存储在内存中的数据，使用`$ls.remove(key)`方法删除内存中的数据，等等。具体代码如下：

export default {
    data() {
        return {
            username: ''
        };
    },
    methods: {
        saveUsername() {
            this.$ls.set('username', this.username);
        },
        getUsername() {
            this.username = this.$ls.get('username');
        },
        removeUsername() {
            this.$ls.remove('username');
        }
    }
};

通过以上代码，就可以实现将数据存储在内存中，而不是浏览器的本地存储中。需要注意的是，由于内存存储是临时的，当页面刷新或关闭时，存储的数据也会被清空。