weixin_46024733的博客

vue2中组件间的通信方式，通常用于子组件传递数据给父组件。 1、父组件的写法 ①用v-on或@ <template> <div> <h1 v-if='msg'>收到的东西：{{msg}}</h1> <Demo v-on:demo="receiveSth" @click="show"/> </div> </template> <script>

vue2中的一种组件通信方式，适用于任意组件间，如子孙、兄弟、父子等不同关系的组件间的通信 。 1、全局事件总线的条件 所有组件都能看到这个总线对象 这个对象能访问$emit、$on方法 因此，通常用vm对象作为全局事件总线来使用。 2、安装全局事件总线，入口文件为main.js import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false new Vue({ render: h =&

vue2中用于父组件向子组件传递数据。（单向下行绑定） 注：prop的传递是单向的，父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。 即：props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告，若业务需求确实需要修改，那么请复制props的内容到data中一份，然后去修改data中的数据。 1、父组件（传递数据） <template> <div&gt