Vue2 Starter

ES6 + Vue.js jsFiddle Starter Template by Christian Gambardella http://gambardella.info/2016/11/03/jsfiddle-starter-for-vue-js/

by Riderman Sousa

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.2.3/css/bulma.min.css">
<div id="app">
  <p>{{ hello }}</p>
</div>



<p id="note" style="max-width: ">
  Please leave a comment on my blog for feedback or if you have ideas how to improve this.<br>
LINK: <a target="_blank" href="http://gambardella.info/2016/11/03/jsfiddle-starter-for-vue-js/">blog post</a>.
</p>

SCSS

#app {
  margin-bottom: 20px
}

#note {
  max-width: 340px
}

Babel + JSX

new Vue({
	data () {
  	return {
      name: 'World'
    }
  },
  
  computed: {
    hello () {
      return `Hello ${this.name}`
    }
  }
}).$mount('#app')