小编Gra*_*son的帖子

我是新手使用vuejs(2.0).我试图让这个功能失效:

• 单击按钮
• 子组件中的触发器功能
• 增加孩子数据的数量

这就是我现在拥有的

HTML:

<div id="root">
    <cart @addtocart="add()"></cart>
    <button @click="$emit('addtocart')">Add to Cart</button>
</div>

JS:

Vue.component('cart', {
  template: `<span>{{ items }}</span>`,
  data() {
    return {
      items: 0
    }
  },
  methods: {
    add() {
      alert('add');
    }
  }
});


new Vue({
  el: '#root',
  components: ['cart'],
});

任何帮助将不胜感激.感谢大家!