baozhengrui

摘要： 1.父组件向子组件传值 ：父组件可以通过ref属性获取子组件的实例，进而访问子组件的方法和数据。 父组件 <template> <div> <child-component ref="child"></child-component> <button @click="sendToChild">Sen 阅读全文

摘要： 1.传递数据的组件：通过eventbus中的方法$emit来发布自定义事件，并且传递数据 2.接收数据的组件： 通过eventbus中的方法$on来订阅事件，并通过回调函数接收数据 // 手写发布订阅模式 class EventBus { // 记录事件和回调 clientList = { send 阅读全文

摘要： 兄弟页面的数据互传 // bus.js //写着两段就可以了 import Vue from 'vue' // export default new Vue(); // 总线，一些组件间简单的数据交流通过它来进行 const bus = new Vue(); export default bus; 阅读全文

摘要： vue2 // 子组件 <template> <div> <button @click="handleClick">传递参数</button> </div> </template> <script> export default { methods: { handleClick() { this.$ 阅读全文

摘要： // 子组件 <template> <div> <p>参数传递的值：{{ value }}</p> </div> </template> <script> export default { props: { value: { type: String, required: true, }, }, } 阅读全文

摘要： 通过 Vuex 进行状态管理： 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 在Vuex中传递对象时，应该注意不直接传递对象的引用， 1). 安装Vuex npm install vuex --sa 阅读全文

摘要： vue3 的方法 https://blog.csdn.net/wdy_2099/article/details/135766435 路由传值： query传参，刷新页面不会丢失参数。但是params会丢参的。 通过路由参数传值：可以通过路由的动态参数或查询参数传递数据。在源页面设置参数，然后在目标页 阅读全文