IT_dabai的博客

这篇文章主要说vue的中央事件总线，并且选择的方式是直接创建一个vue实例，并将其挂载到vue的原型上（Vue.prototype），这样我们就能在任意一个vue组件中进行方法调用。这样实现起来我认为更为简便直接。在main.js文件中代码如下：

面试中，经常会问到vue中组件间的通信方式有哪些？今天我们就来总结下。vue中组件间的通信方式props / $emit这是我们比较熟悉的方式，主要是父子组件之间的传递方式，父传子使用props，子传父使用 $emit，直接上代码：父组件传子组件首先在父组件的子组件标签中绑定一个自定义的属性<user-detail :age="age" /> export default { components: { MyAge } ....

Vue组件中data为什么是一个函数首先我们来看一看Vue官方文档上的一个demo可以看到在这个demo中，data是一个对象，通过new一个新的Vue实例，将data中的message属性直接渲染到页面上。但是在官方文档的组件基础部分，在讲到组件的复用时说到一个组件的data必须是一个函数那么究竟是为什么呢？相信很多刚接触的小伙伴都有这个疑问。让我们首先来看一下官方文档的解释文档中提到，当组件的data是一个函数的时候，在每一次实例化这个组件时，都会得到一份独立的拷贝，那么当这个组件在复用时