Vue:component練習

by cactus77kiki

HTML

<!--try:vue component-->
<div id="app">
  <prompt-component v-on:sayhii="greet"></prompt-component>
</div>

JavaScript

Vue.component('prompt-component', {
  template: '<button @click="sayhi(1,2)">Say Hi!</button>',
  //delimiters: ['${', '}'],
  //props: ['name','inx'],
  methods: {
    sayhi: function(name,inx) {
      this.$emit('sayhii',name,inx);
    }
  }
});

var vm = new Vue({
  el: '#app',
  //delimiters: ['${', '}'],
  /*data: {
    name: 'Peter',
    inx:0
  },*/
  methods: {
    greet: function(name,inx) {
      alert('Hi ' + name+ inx);
    }
  }
});