title: Messenger Extensions in Vue.js and using its data as a global variable
body: <p>I'm trying to use <a href="https://developers.facebook.com/docs/messenger-platform/webview/extensions" rel="nofollow noreferrer">Messenger's Extension SDK</a> with Vue.js. I'm relatively new to Vue.js and haven't used any js framework before stumbling upon Vue.</p>
  
  <p>I've thought about (and tried) adding the SDK code (see link above, step 2) to my App.vue site that holds my <code>router-view</code>. I've also tried including the script to my index.html which holds the <code>div</code> that I add Vue to.</p>
  
  <p>The goal is to be able to include the SDK to all of my pages, eventually have a callback that's triggered when the SDK is done loading (see link above, step 3), and finally be able to use the SDKs function on all of my views (for example and most important, <code>MessengerExtensions.getContext(app_id, success, error)</code>).</p>
  
  <p>How can I make this work? Thanks,</p>