zoukankan      html  css  js  c++  java
  • vuex入门

    话不多说,先搞个图进来


    啥意思呢?

    Vue组件接收交互行为,调用dispatch方法触发action相关处理,

    若页面状态需要改变,则调用commit方法提交mutation修改state,

    通过getters获取到state新值,重新渲染Vue Components,界面随之更新

     

    通过 action 处理数据 ------- 然后通过 mutation 把处理后的数据放入数据库(state)中 ------- 最后谁要用就通过 getter 从数据库(state)中取

     五个核心属性:

    state => 储存的初始化数据
    getters => 对State里面的数据二次处理(派生数据)
    mutations => 提交更改数据的方法,同步!

    【Mutations使用 $store.commit( ) 触发】

    actions => 像一个装饰器,包裹mutations,使之可以异步。 

    【Action 通过 $store.dispatch() 触发】

    modules => 模块化Vuex

     Action 类似于 mutation,不同在于:

    • Action 提交的是 mutation,而不是直接变更状态。
    • Action 可以包含任意异步操作。
  • 相关阅读:
    Linux cat
    Linux touch
    Win10 UAP 绑定
    Win10 资源文件
    Win10 启动模拟器
    Win10 安装Vs2015 社区版和企业版各个问题汇总
    Win10 开发者模式开启
    android 入门-本地化语言
    android 入门-基础了解
    wp8 入门到精通 定时更新瓷贴
  • 原文地址:https://www.cnblogs.com/listen9436/p/11753820.html
Copyright © 2011-2022 走看看