小编Rom*_*huk的帖子

这不起作用:https://jsfiddle.net/2ouxsuLh/

var myAwesomeComponent = Vue.component({
    template: '<div><slot></slot></div>',
  data: function () {
    return {
        myAwesomeData: 'Message'
    }
  }
});

new Vue({
    el: '#app',
  template: '<my-awesome-component>{{ myAwesomeData }}</my-awesome-component>',
  components: {
    myAwesomeComponent: myAwesomeComponent
  }
});

这是因为myAwesomeData没有在父组件中定义,我们不能使用组件的变量.

而不是这个,我们需要创建我们自己的组件并将其传递到my-awesome-component中,如下所示:https://jsfiddle.net/simplesmiler/5p420nbe/

但这是开销,不是吗？

例如,在角度我们可以这样做:http://jsfiddle.net/ADukg/9609/ 它更简单.

我们可以在Vue做这样的事情吗？