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的聲明周期 掛載之前，創建之后的階段中進行調用獲取步驟的