An example fiddle

Created to demonstrate fiddle in "Fiddle with Vue.js" article.

by Rahul Kadyan

HTML

<!-- Explicit dependency. Using Vue 2.2.1 -->
<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>

<!-- App mount target -->
<div id="app"></div>

JavaScript

// An example component.
const HelloComponent = {
  name: 'Hello',

  template: `
  	<h1>Hello {{ name }}!</h1>
  `,

  props: {
    name: {
      type: String,
      required: true
    }
  }
}

// Create the app.
new Vue({
  el: '#app',

  template: `
  	<div>
    	<hello-component name="John Doe" />
      
      <p>This is an example fiddle using Vue {{ version }}.</p>
    </div>
  `,
  
  computed: {
  	version: () => Vue.version
  },

  components: {
    HelloComponent
  }
})