zoukankan      html  css  js  c++  java
  • vue-Vuex的概念和作用解析

      我们知道在父子组件是可以相互传递数据的。但往往没有任何关系的组件之间或者是高层组件和底层组件之间也需要传递数据,并且这个数据的共用度很高,会导致组件数据的调用关系特别复杂不好管理,于是希望能把这些共享数据给抽取出来放到一个对象里面,这个能不能做到呢?完全可以嘛,还记得说过所有vue组件都有继承Vue实例吗?那我直接在Vue实例原型prototype定义数据和函数等不就能实现了嘛

      是的,上面的做法确实能实现数据的共享,不过他有一个不足:非响应式的。修改了prototype不能同步到其他组件上。因此Vue官方提供了一个能解决刚才不足的插件:VueX,下面看介绍:

       Vuex相当一个状态管理的管家,不要把他想复杂了,这里的状态 完成可以理解为 共享的变量,所有的组件都可从这个管家中拿到这个变量。

      这时候就有人一股脑不管三七二十一,什么东西都往VueX塞,大哥别!如果只是父子组件的简单共享,就没必要放到VueX,那什么样的数据我们才放到里面呢?

      在实际的开发,一定会存在,不是大概可能,是一定会存在多个页面会使用到相同变量的情况,比如 用户的登录状态,有的界面是允许用户未登陆状态进行操作,有的只能是登陆状态才能使用,那用户的状态可以用token来标识,我把token放到VueX里作为状态,所有的页面能够获取这个用户的登录状态,进而判断是否允许用户操作

  • 相关阅读:
    Linux的上的MongoDB的安装与卸载
    MongoDB常用操作
    scrapy 爬网站 显示 Filtered offsite request to 错误.
    在linux系统下把多个终端合并在一个窗口
    安装python爬虫scrapy踩过的那些坑和编程外的思考
    大规模爬虫流程总结
    Python的35种“黑魔法”级别技巧!
    2019/2/13 Python今日收获
    2019/2/12 Python今日收获
    2019/1/22 Python今日收获
  • 原文地址:https://www.cnblogs.com/ibcdwx/p/14638763.html
Copyright © 2011-2022 走看看