vuex module与eventbus的简化使用

最新推荐文章于 2024-06-26 18:43:42 发布

麻烦让一让，我比较宽

最新推荐文章于 2024-06-26 18:43:42 发布

阅读量1.9k

点赞数

分类专栏：前端文章标签： vue Vuex eventbus

本文链接：https://blog.csdn.net/snailmar/article/details/107144088

版权

本文介绍了在Vue项目中如何使用EventBus和Vuex模块进行状态管理。重点讲解了Vuex模块的使用，包括未开启和开启命名空间的情况。在未开启命名空间时，可能出现相同名称的action冲突，通过开启命名空间可以有效避免此类问题，提高代码的可维护性。

摘要由CSDN通过智能技术生成

eventbus

至于什么是eventbus,可以百度了解一下.使用方法如下

//bus.js
import Vue from 'vue'
var $bus=new Vue()
//我们采用把$bus挂载在原型上的方式,这样我们只需要在main.js中导入bus.js即可
Vue.prototype.$bus=$bus

//componentA.vue
<template>
  <div class="ca">
    <div @click="handleClick"> clickme</div>
  </div>
</template>
<script>
export default {
   
  name: "componentA",
  props: {
   
    msg: String
  },
  methods: {
   
    handleClick(){
      this.$bus.$emit(