• 学习vue必备技能vuex


    首先我们先用vue-cli搭建项目,安装vuex,安装依赖(这里不一一讲解),然后在src下建立/vuex/store.js,里面代码截图

    最简单的引入vue,引入vuex,定义两个对象,一个state(数据状态),一个mutations(改变数据方法),最后export,因为我们别的地方要用

    ,比较简单的一个实例,也是比较经典的实例,点击加减改变state里面的值,

    红色部分是比较麻烦一点的写法,但是比较容易理解,下面inport之后,我们直接在页面上显示和这个{{  }}类似,

    然后commit("fun");fun是mutations里面的方法,比较简便一点的写法如下,通过计算属性:

    最后一个是最简单的方法,就是引用vuex里面的mapState和mapMutations,代码如下:

    和我们平时写的几乎一样了吧!直接写方法名称就ok了,但是还有一个问题就是传参到Store.js里面如红色箭头部分,

    个人理解,maoState和mapMutations分别对应vue实例里面的计算属性computed和methods,如上图下面的框内所示,

    接下来待分享 vuex里面的getter、action、module,(待续),我的微信是

    欢迎一起技术探讨学习!

  • 相关阅读:
    github.com/dotnet/orleans
    C#开源
    Windows Server 2016正式版14393英文版ISO镜像下载:_X64FRE_ZH-CN.ISO
    Windows Server 2016
    功能更新到 Windows 10 企业版, 版本 1607
    Load Audio or Vedio files
    Socket.Available 属性
    CaptureManagerSDK
    Net.Sockets
    Solid Edge如何制作装配体的剖视图
  • 原文地址:https://www.cnblogs.com/JeneryYang/p/8796967.html
Copyright © 2020-2023  润新知