vue开发chrome扩展,数据通过storage对象获取

开发chrome插件时遇到一个问题，那就是单文件组件的data数据需要从chrome提供的storage对象中获取，但是 chrome.storage.sync.get 方法是异步获取数据的，需要通过它的回调函数进行使用获取到的数据，没有返回值

 

解决方案就是 通过Function.bind(context)方法进行绑定上下文信息，这样就可以正常的在回调函数中进行设置到 vue 单文件组件的数据里面了

beforeMount:function(){
            chrome.storage.sync.get("key",function(items){
                console.log(this)
            }.bind(this))
        }

当然，我是通过 vue的声明周期 挂载之前，创建之后的阶段中进行调用获取步骤的