开发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的声明周期 挂载之前,创建之后的阶段中进行调用获取步骤的