【前端VUE基础】
文章平均质量分 77
【前端VUE基础】
幸福巡礼
这个作者很懒,什么都没留下…
展开
-
【前端VUE基础(一)】统一接口管理
综上所述,统一接口管理的方式可以提高代码的可维护性和可读性,方便了代码的复用和管理,同时也方便了接口的测试和调试。在实际项目中,统一接口管理是一个非常好的实践方式,可以提高代码的质量和开发效率。原创 2023-07-17 12:03:44 · 1062 阅读 · 0 评论 -
【前端VUE基础(二)】Vue 项目中接口函数
在src/api目录下创建一个名为user.js的文件,并定义多个接口函数,例如等,使用上一步中定义的http实例发起 HTTP 请求,并返回 Promise 对象。上述代码使用 http 实例发起了 HTTP 请求,并返回 Promise 对象。可以根据项目需要定义不同的接口函数,使用不同的 HTTP 方法和 URL 端点。原创 2023-07-17 12:20:17 · 580 阅读 · 0 评论 -
【前端VUE基础(三)】ES6模块化语法
通过导入需要的模块,我们可以轻松地将它们组合在一起,形成更大、更复杂的应用程序。ES6 模块化使用静态解析,这意味着在编译阶段就能够确定模块的依赖关系,而不需要在运行时进行解析。使用ES6模块化语法,可以轻松地导出和导入这些工具函数。由于 ES6 模块化的静态解析特性,编译器可以在构建时就知道这个依赖关系,并正确地处理模块之间的引用。现在,我们需要在另一个模块中使用这些功能,可以通过导入这些函数并在需要时进行组合来实现代码重用。在Vue中,组件是核心的构建块之一,可以使用ES6模块化语法来导出和导入组件。原创 2023-07-17 11:27:23 · 548 阅读 · 0 评论 -
【前端VUE基础(四)】JavaScript箭头函数与普通函数
箭头函数(Arrow Functions)是ES6引入的一种新的函数定义方式,相对于传统的普通函数(Regular Functions),它有以下几个特点:语法简洁:箭头函数使用简洁的语法来定义函数,可以更加精炼地表达函数的意图。匿名函数:箭头函数没有自己的命名标识符,因此必须将其赋值给一个变量或者作为回调函数的参数进行使用。没有自身的this绑定:箭头函数没有自己的this绑定,它的this会继承并指向外部作用域的this,使得在箭头函数内部无法通过this访问到自身的上下文。原创 2023-07-13 16:20:57 · 555 阅读 · 0 评论 -
【前端VUE基础(五)】Axios 的常用语法
Axios 是一个常用的基于 Promise 的 HTTP 客户端库,可用于在浏览器和 Node.js 中发送 HTTP 请求,使用.then()来处理成功的响应,.catch()来处理错误。原创 2023-07-13 16:08:29 · 604 阅读 · 0 评论 -
【前端VUE基础(六)】组件发请求的几种方式
所以可以通过 this.$store.dispatch 来调用 Vuex 中的 actions,而不需要使用 mapActions 辅助函数将 actions 映射为组件的方法。这样可以减少代码的复杂度,使代码更加简洁。属性的对象作为参数,其中。时,需要传递一个包含。原创 2023-07-19 10:51:28 · 1603 阅读 · 0 评论 -
【前端VUE基础(七)】Vuex进行开发的一般流程
State是存储应用程序状态的地方。在Store中定义state对象,并初始化需要共享的数据。原创 2023-07-19 17:39:52 · 340 阅读 · 0 评论 -
【前端VUE基础(八)】Vuex 辅助函数
这些辅助函数可以帮助简化组件中访问和调用 Vuex 中的状态和方法的过程。在 Vuex 中,有几个辅助函数可以帮助你更方便地使用和管理状态、操作和获取器。将 Vuex store 中的变更方法(mutations)映射为组件的方法。将 Vuex store 中的获取器(getters)映射为组件的计算属性。将 Vuex store 中的动作方法(actions)映射为组件的方法。将 Vuex store 中的状态映射为组件的计算属性。映射为组件的方法,以及通过。映射为计算属性,并通过。原创 2023-07-19 20:35:35 · 254 阅读 · 0 评论 -
【前端VUE基础(九)】路由传参:params参数和query参数
当与后端进行数据交互时,前端常常需要将参数传递给后端API。参数传递方式有多种,其中包括params参数和query参数。本教程将介绍这两种参数传递方式,并提供示例和分析。原创 2023-08-04 10:38:13 · 1226 阅读 · 0 评论