vuejs父子组件通信的问题

var Profile = Vue.extend({

          template: "<div>Lily</div>"; 

        }) 

Vue.ponent("me-profile",Profile);//全局注册

var vm = new Vue({

 el: "#todo",

 ponents: {

  "my-profile": Profile

 },

 ...

} 

<table>

 <tr is="my-ponent"></tr>

</table> 

props: {

       url: {

             type: Array,

             default: function() {

               return []        

             }

          } 

     }，

 methods: {

  add: function() {

   this.$dispatch("add", this.input); //这里就是向父组件发送消息

   this.input = "";

  }

 }　　

data() {

     return {

      url:  .....

     } 

   }，

 events: {

  add: function(input) {

   if(!input) return false;

   this.list.unshift({

    title: input,

    done: false

   });

  }

 }