一。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数据