Jackmat的博客

3.1.理解：数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。（games数据在Category组件中，但使用数据所遍历出来的结构由APP组件决定）作用：让父组件可以给子组件指定位置插入HTML结构，也是一种组件间通信的方式，适用于。当我们想要复用组件，但是又想定制每个组件的结构时，我们可以用到插槽。父组件===>子组件。

3.多个元素过渡（当一个transition标签里有多个元素时，我们可以采用transition-group的形式来实现）2.过渡效果，图中的hello为标签中的name属性，即name:'hello'

我们可以在new Vue()时，在其beforeCreate生命周期里，加上Vue.prototype.$bus=this，此时的this指向的是Vue，由于Vue只有一个，并且都在各组件的原型链上。1.全局事件总线，顾名思义，可以适用于任意组件间通信，我们需要通过$bus这个中间傀儡来实现，我们可以把$bus安装到Vue身上，这样可以让所有组件都能看到它，：我们可以给需要接收数据的一方加上。：我们可以给需要提供数据的一方加上。

使用子组件向父组件传递数据的第三种方式时，如果直接把回调函数写在this.$refs.student.$on('atguigu',function(name,...params){如果像下面这种情况，在APP.vue中配置了getStudentName方法，this就指向的是APP.vue中的getStudentName。})里，此时的this指向的是组件实例对象，即谁触发的事件，this指向的就是谁。当组件销毁后，它会拆卸身上所携带的监视属性，子组件，和监听事件，5.mixin（混入）

6.接下来我们来做删除模块，由于数据在APP中，我们在MyItem组件中给删除按钮添加点击事件，我们获取APP传来的todo对象数组中的id，我们将id传给爷组件APP，这时又是老生常谈的问题，孙组件向爷组件传递数据，我们可以让APP组件下方一个函数，依次传递给MyList和MyItem，通过props接收，再在子组件标签上带上该函数。我们这里可以采用爷传子，子传孙的方法，我们可以给APP（爷组件）绑定一个函数，将函数逐层传递到MyList（子组件），再传到MyItem（孙组件），例如下方。

一个重要的内置关系 ：VueComponent.prototype.__proto__===Vue.prototype。为什么要有这个关系：让组件实例对象（vc）可以访问到Vue原型上的属性、方法。14.Vue与VueComponent的关系。8.computed和watch直接的区别。3.vue中数据代理初识。9.Vue如何监视数据？