阅读大约需要 3 分钟接前文为 Django 配备 GraphQL API,Django 提供 GraphQL 接口服务之后,我们需要让前端来消费这些接口数据,以 Vue 为例,看一看前端...
原创
2021-06-17 16:00:52
378阅读
什么是全局api 全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能,Vue内置了一些全局API,比如我们今天要学习的指令Vue.directive。说的简单些就是,在构造器外部用Vue提供给我们的API函数来定义新的功能。什么是Vue.extend?Vue.extend 返回的是一个“扩展实例构造器”,也就是预设了部分选项的Vue实例构造器。经常服务于Vue.
转载
2023-10-24 22:46:08
114阅读
Vue全局API第一节:Vue.directive自定义指令1.什么是全局API全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能,Vue内置了一些全局API,比如我们今天要学习的指令Vue.directive。说的简单些就是,在构造器外部用Vue提供给我们的API函数来定义新的功能。 2.Vue.directive自定义指令自定义指令中传递的三个参数el:&n
转载
2023-07-25 20:47:21
41阅读
日常项目开发的过程中,接口文档是必不可少的。后端工程师与前端工程师之间需要接口文档来定义数据传输协议、系统对外暴露接口需要文档来说明、系统之间相互调用需要文档来记录接口协议等等。对于一个完整的项目,接口文档是至关重要的。那我们如何写好一份接口文档呢?今天就让我们说一说接口文档几个重要的要素。api1、接口概述接口概述主要说明本接口文档涉及到的业务功能点,面向的阅读对象以及接口文档主要包括哪些业务的
转载
2023-07-04 23:02:16
90阅读
全局API:(1)Vue.directive(2)Vue.use(3)Vue.extend(4)Vue.set(5)Vue.mixin实例属性(6)vm.$props(7)vm.$options(8)vm.$el(9)vm.$children(10)vm.$root(11)vm.$slots(12)vm.$attrs全局配置(13)productionTip(14)silent(15)devtoo
转载
2024-08-14 00:58:38
47阅读
0 前言从Vue2升级到Vue3,可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它?怎么用它?有什么需要注意的吗? 面对陌生的它,我们在这儿先简单认识一下它,而具体如何使用以及使用的注意点,将会在后续的文章更新中介绍,可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api,也就是组合式Api。 我认为,它解决的主
转载
2023-11-06 12:52:14
247阅读
Vue.config 是一个对象,包含 Vue 的全局配置。可以在启动应用之前(new Vue之前)修改下列属性:
silent:默认值false / Vue.config.silent = true true意味着取消 Vue 所有的日志与警告
devtools:配置是否允许 vue-devtools&nb
转载
2023-07-18 11:02:34
0阅读
需求在前面几篇中写了使用vue-resource执行get和post请求的方法,如下:methods: { delList(id) { // 根据I
原创
2022-07-04 07:06:50
212阅读
需求在前面几篇中写了使用vue-resource执行get和post请求的方法,如下:methods: {
原创
2021-06-18 12:19:25
600阅读
#PROXY-START/api location /api { expires 12h; if ($request_uri ~* "(php|jsp|cgi|asp|aspx)") { expires 0; } ...
原创
2023-01-11 17:57:34
105阅读
我使用的是 Vue + ElementUI 进行构建的项目,在开发过程中,使用的是前后端分离的模式,所以经常会出现多环境配置信息,尤其是 Api 接口地址的配置,如果在代码中使用判断的方式,感觉不友好。 如果你使用的是 webpack,下面我来介绍一种方法可能会帮助到你: 使用 DefinePlug
转载
2019-02-01 07:31:00
412阅读
2评论
Vue3经过多个版本的更新迭代已经逐渐的趋于稳定,在看官方的文档中发现了官方所有的文档都有两种格式的API,响应式API和组合式API。响应式API(Options API)这是官方文档对于响应式API的解释:使用选项式 API,我们可以用包含多个选项的对象来描述组件的逻辑,例如 data、methods 和 mounted。选项所定义的属性都会暴露在函数内部的&nb
vue如何用axios调用现成的api● 准备阶段● 现成的api接口● 了解一点css了解一点vue● 操作阶段● 如何获得免费的api接口● 这里我用的是天行的接口,里面有很多免费调用的接口https://www.tianapi.com/source/7bb07dcc27● 选择自己想要的api● 注册登录网站后,
转载
2023-07-04 15:17:02
327阅读
一、设置 main.js // 1.引入 import * as API from '@/api'; new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 2.原型 Vue.prototype.$AP
一、Vue.directive 自定义指令一、什么是全局API?全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能,Vue内置了一些全局API,比如要学习的指令Vue.directive。说的简单些就是,在构造器外部用Vue提供给API函数来定义新的功能。二、Vue.directive自定义指令我们在第一季就学习了内部指令,我们也可以定义一些属于自己的指令,比如要定义一个
原创
2018-03-17 11:44:19
2352阅读
点赞
1评论
Vue.extend( options ) 参数: {Object} options 用法: 使用基础 Vue 构造器,创建
原创
2022-12-13 10:51:52
119阅读
### 实现Vue调用API的流程
首先,让我们来看一下实现Vue调用API的整个流程:
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建一个Vue实例 |
| 2 | 在Vue实例中定义一个方法来调用API |
| 3 | 在Vue组件中调用这个方法 |
| 4 | 处理API返回的数据 |
接下来,让我们一步一步来实现这个流程。
#### 步骤一:创建一个Vue实
原创
2024-05-28 10:17:42
154阅读
使用传统OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改。我们可以更加优雅的
前后端分离开发方式前端拥有更高的控制权随着前端框架技术的飞速发展,Router这个概念也被迅速普及到前端项目中,在早期前后的没有分离的时期下,并没有明确的路由概念,前端页面跳转大多是通过后端进行请求转发的,比如在Spring MVC项目中,进行一个页面跳转如下(画红线部分): 前端需要一个超链接,链接的href=/manager,这样这个超链接被转发到scs/waitFollowed路径指定的页面
原创
2021-01-13 09:59:41
270阅读