Vue.js Quick Example

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.10/vue.min.js"></script>
<div id="demo">
  <batch-action :model.sync="model" :action.sync="action"></batch-action>
  
  <p>{{action}} {{ model }}</p>
</div>

<script type="text/x-template" id="templ">
  <button v-on:click="setModel('send')">Send</button>
  <button v-on:click="setModel('delete')">Delete</button>
</script>

JavaScript

var demo = new Vue({
    el: '#demo',
    data: {
      model: '',
      action: ''
    },
    components: {
      'batch-action' : {
        template: '#templ',
        props: {
          model: String,
          action: String
        },
        methods: {
          setModel: function(model) {
            this.model = model;
            this.action = model + ", triggered at " + new Date()
          }
        }
      }
    }
})