Building fun experiences for the web

Testing VUE integration

Will this work?

[ Run Vue – click me ]


{{ message }}

Put something like this in your customize script block on write.as :


var imported = document.createElement('script');
imported.src = 'https://righteous-sardine.glitch.me/script.js';

document.head.appendChild(imported);

then use a script like this in your glitch js.

console.log('hi');

var vuejs = document.createElement('script');
vuejs.src = 'https://cdn.jsdelivr.net/npm/vue/dist/vue.js';
document.head.appendChild(vuejs);

document.getElementById("runVue").addEventListener("click", function(evt){
  
  var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue! This is Vue JS running in my Write.as blog!'
  }
});
  
})