5.23作业

文章探讨了Vuex在Vue应用中的重要性,包括集中管理数据、组件间通信以及响应式更新。介绍了单向数据流的概念,强调状态、视图和操作的角色。此外,讨论了ref和$refs在组件通信中的作用,以及Vuex中action和mutation的区别。最后提到了Axios,一个基于Promise的HTTP库,用于处理网络请求。
摘要由CSDN通过智能技术生成

一。vuex优点


          1. 能够在 vuex 中集中管理共享的数据,便于开发和后期进行维护
          2. 能够高效的实现组件之间的数据共享,提高开发效率
          3. 存储在 vuex 中的数据是响应式的,当数据发生改变时,页面中的视图也会同步更新
          4.vuex中的数据操作可以在开发阶段通过开发调试工具来进行追踪,便于开发
        简单来说,vuex 就是为了实现组件间通信的。

        使用 vuex 的好处:可以跨层级进行通信;vuex 中的所有操作都有记录;vuex 独立于组件系统,是专门用来管理数据的框架。


二。“单向数据流”理念


        状态,驱动应用的数据源;
        视图,以声明方式将状态映射到视图;
        操作,响应在视图上的用户输入导致的状态变化


三。ref/$refs通信方式与获取dom


            .ref可以作为父子组件通信的一种方式,通信形式为父组件引用子组件。
            特殊属性ref
                    1.在vue中,组件或原生标签上的ref属性用于注册引用信息。
                    2.通过ref我们可以获取
                        (1)原生标签的dom对象
                        (2)组件实例,
                    3.通过获取的原生标签的dom对象,我们可以使用
                        (1)dom对象上的属性
                        (2)dom对象的方法
                    4.通过组件实例我们可以使用组件的
                        (1)数据(定义的data,props,computed等等)
                        (2)方法。
                    5.组件实例属性$refs
                            1.每一个组件都有一个实例属性$refs,用于获取该组件下所有注册的引用信息
                            2.通过获取的引用,父组件可以直接访问该引用子组件的数据和方法,从而实现通信。
                    注意事项
                            1.$refs 只会在组件渲染完成之后生效,且有时就算写在mounted生命周期里都访问不到


四。Vuex中 action 和 mutation 的区别


        Action 可以包含任意异步操作。
        Action 提交的是 mutation,而不是直接变更状态。
        Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象,
        因此你可以调用 context.commit 提交一个 mutation,或者通过 context.state 和 context.getters 来获取 state 和 getters。


五。Axios 是什么


        Axios 是一个基于 promise 网络请求库
        特性
            1.从浏览器创建 XMLHttpRequests
            2. 从 node.js 创建 http 请求
            3. 支持 Promise API
            4. 拦截请求和响应
            5. 转换请求和响应数据
            6. 取消请求
            7. 自动转换JSON数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值