为了账号安全,请及时绑定邮箱和手机立即绑定

vuex基础入门

楼下 Web前端工程师
难度中级
时长 1小时48分
学习人数
综合评分8.70
49人评价 查看评价
8.9 内容实用
8.6 简洁易懂
8.6 逻辑清晰
  • Vetur 插件自动补全vue语法

    查看全部
    0 采集 收起 来源:count++实战

    2021-02-01

  • vue ui  在空目录创建项目


    Firefox 安装vue-devtools

    https://blog.csdn.net/weixin_46122750/article/details/106574481


    增加vuex

    yarn add vuex


    vscode自动保存设置

    https://blog.csdn.net/horizon_junmowen/article/details/95008741

    查看全部
    0 采集 收起 来源:安装vuex实战

    2021-02-01

  • 安装Vuexhttp://img1.sycdn.imooc.com//600a2c9a0001f00008770538.jpg

    查看全部
    0 采集 收起 来源:安装vuex简介

    2021-01-22

  • 状态管理数据

    http://img2.sycdn.imooc.com/5fe8184600019c1004640262.jpg

    状态管理动作(通常vuex的对象属性需要传入,然后进行操作例如state)

    http://img2.sycdn.imooc.com/5fe818540001a60b03650250.jpg

    获取vuex里的state数据

    方式1:通过vuex的store实例(通过this.$store指向vuex实例)如图

    http://img1.sycdn.imooc.com/5fe81966000161db05690213.jpg

    方式2:通过vuex提供的mapState方法(它是一种function,通过结构的方式获取数据。

    外部修改vuex的状态管理数据(通过vuex的commit方法,commit方法的第一个参数,就是mutation状态管理动作的名称,commit方法的第二个参数,可以用来在状态管理动作中获取到,并进行操作

    http://img4.sycdn.imooc.com/5fe81bb400019ad404960192.jpg

    http://img1.sycdn.imooc.com//5fe81ccd0001aa4a04620164.jpg

    http://img1.sycdn.imooc.com//5fe81cc40001f61003700145.jpg


    查看全部
    0 采集 收起 来源:count++实战

    2020-12-27

  • vuex的demo例子。

    http://img1.sycdn.imooc.com//5fe816c10001b36709870577.jpg


    查看全部
    0 采集 收起 来源:count++简介

    2020-12-27

  • 一、安装vuex

    方式1:npm install vuex

    方式2:yarn add vuex

    http://img3.sycdn.imooc.com/5fe812670001da1d02900124.jpg

    二、引用vuex在main.js中,并使用vuex

    http://img1.sycdn.imooc.com/5fe8147b00010c2103020062.jpg

    http://img2.sycdn.imooc.com/5fe814620001829c04340119.jpg

    三、实例化vuex

    http://img3.sycdn.imooc.com/5fe814a300012ac203660125.jpg

    四、挂载到vue实例上。

    http://img1.sycdn.imooc.com//5fe816900001736c05220527.jpg

    http://img1.sycdn.imooc.com//5fe816860001b70011700505.jpg


    查看全部
    0 采集 收起 来源:安装vuex实战

    2020-12-27

  • 安装vuex

    1、安装vuex包(npm install vuex

    2、项目中引用(main.js中引用,main.js中创建vuex实例,通过new Vuex.store(),这个实例里包括vuex的组成部分,state、mutation、action)

    3、main.js中将vuex实例挂载到vue对象上。

    http://img1.sycdn.imooc.com//5fe80c640001887807120558.jpg

    查看全部
    0 采集 收起 来源:安装vuex简介

    2020-12-27

  • 查看全部
    0 采集 收起 来源:课程介绍

    2020-12-26

  • 哈哈?
    查看全部
    0 采集 收起 来源:课程介绍

    2020-12-26

  • vuex的安装与组成

    vuex组成:

    1、State——数据仓库(数据状态定义在这里)

    2、getter——用来获取数据的(相当于派生出来的,正常通过实例State也可以获取)

    3、Mutation——用来修改数据的(他需要commit一个Mutation来进行修改,这样就可以对状态的修改进行一个历史的记录,方便于监听以及回滚等)

    注意:Mutation的操作一定是同步的,如果写成异步的会很繁琐。

    4、Action——用来提交mutation,Action通常用于异步操作状态数据,Mutation用于同步操作状态数据(相当于包装了一层)。

    查看全部
  • 使用场景:

    1、多个试图依赖于同一状态(例如:用户信息在多个页面都需要使用,此时就可以定义在vuex中),也就是多组件之间的状态共享【状态共享】

    2、来自不同视图的行为需要改变同一个状态(例如:用户会员到期,此时页面时一些其他有会员特性的地方就不应该出现)【状态响应式改变】

    查看全部
    0 采集 收起 来源:应用场景

    2020-12-20

  • vuex简介

    概念:

     http://img1.sycdn.imooc.com//5fdf201b00018ee009250475.jpg

    查看全部
    0 采集 收起 来源:vuex简介

    2020-12-20

  • 1、vuex简介(概念、使用场景、使用方法)

    2、vuex的安装和核心组成

    3、实现案例

    查看全部
    0 采集 收起 来源:课程介绍

    2020-12-20

  • switch   case

    查看全部
    0 采集 收起 来源:会员信息

    2020-12-11

  • VueX适用于中大型的项目运用

    查看全部
    0 采集 收起 来源:应用场景

    2020-12-09

举报

0/150
提交
取消
课程须知
1、具备一定的vue基础
老师告诉你能学到什么?
1、vuex的基本原理和基本使用以及vuex的组成

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!