Vue 2.0 Hello World

by KevinGabbert

HTML

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

<div id="app">
  <child>
    <template slot="example" scope="props">
      <select v-model="props.obj">
        <option v-for="obj in props.data" :value="obj" v-text="obj"></option>
      </select>
    </template>
  </child>
</div>

JavaScript

Vue.component('child', {
  template: '<div><slot name="example" :obj="obj" :data="data"></slot><div v-text="obj"></div></div>',
  data: function () {
    return {
      obj: 'cats',
      data: ['cats', 'dogs']
    }
  }
})

new Vue({
  el: '#app'
})