1.安装vuex

        npm install vuex -s

        vue组件通信,vue中vuex的使用

2.在main.js中配置

        vue组件通信,vue中vuex的使用

别忘记将store挂载到vue实例上,我当初就在这里踩了坑,弄了好长时间

3.构建核心仓库    

        在src目录下,创建vuex文件夹,在vuex文件夹下创建stroe.js

        vue组件通信,vue中vuex的使用

        store代码如下

        vue组件通信,vue中vuex的使用

4.在组件中获取状态

           vue组件通信,vue中vuex的使用

    到这里我们就可以获取到状态了

5.如何改变状态

    vue组件通信,vue中vuex的使用

    this.$store.state.author = state

   我这里想要实现的效果就是,首页返回上一层按钮不显示,新闻页面显示返回上一层

    vue组件通信,vue中vuex的使用

vue组件通信,vue中vuex的使用


相关文章:

  • 2021-11-02
  • 2022-01-10
  • 2021-05-18
  • 2021-09-14
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-05-15
  • 2021-12-28
  • 2021-12-22
  • 2021-05-31
  • 2022-12-23
  • 2021-12-20
相关资源
相似解决方案