Vue 2.0 Hello World

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p>{{ message }} {{ value }}</p>
  <input :type="inputtype" v-model="value" />
  <button type="button" @click="switchtype">
    Click me
  </button>
  <person-container :gree-ting="greetingData"></person-container>
</div>

JavaScript

varnew Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!',
    value: false,
    inputtype: 'text',
    greetingData: "assdfdf"
  },
  methods: {
    switchtype: function() {
      if (this.inputtype === 'text') {
        this.inputtype = 'checkbox'
      } else {
        this.inputtype = 'text'
      }
    }
  },
  component: {
  	'person-container':{
            props:['greeTing'],
            data: function (){
                return { 
                name: 'adwd' };
            },
            template: '<div> {{ greeTing }}, {{ name }}</div>'
        }
  }
})