例：import {queryDepartTreeList, searchByKeywords} from '@/api/api' 表示 @api 指的是"src/api"路径 在该文件下我们可以找到以下函数 ...
转载
2021-11-04 12:39:00
1073阅读
2评论
既然vue-resource停更了，就不讲了，但是效果也是差不多了 今天主要讲一下关于axios的方式来调用API，按照vue-cli的模式，这个当然得先引入一个axios这个模块了。那当然得走一遍终端安装了 terminal >> npm install axios
//以上运行完毕，那么走一波在项目里引入模块了。当然少不了main.js这个文件了
main
Componsition API 是 vue3 的一个很大的更新，也是很大的一个优点。为什么要更新呢？肯定是 vue2 的 Options API 有问题，本文就两者的区别做个介绍。 一、vue2 的 Options API 1、Options API - 又叫选项API 在 VUE2 中我们是如何 ...
转载
2021-10-15 17:09:00
3167阅读
2评论
1 Options APIOptions API 可以翻译为选项API，字面意思可供使用者挑拣的分类条目，就是框架定义好选项
原创
2022-06-01 12:24:26
203阅读
1OptionsAPIOptionsAPI可以翻译为选项API，字面意思可供使用者挑拣的分类条目，就是框架定义好选项，我们可以把我们的功能写在选项里，如props里面设置接收参数、data里面设置变量、computed里面设置计算属性、watch里面设置监听属性、methods里面设置事件方法你会发现OptionsAPi都约定了我们该在哪个位置做什么事。exportdefault{name:'in
原创
2021-02-24 23:18:14
973阅读
参考此博文vue2.x搭建saas项目系列之七：API接口及常量、基础数据统一维护
原创
2023-05-10 10:08:08
70阅读
这几天整理的一下过往的文章和笔记，备份到了 Github 上，地址? blog[https://github.com/lio-zero/blog...
原创
2022-08-09 15:01:30
80阅读
Vue.extend > 使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。 > data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数Vue.nextTick > 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。Vue.set > Vu...
原创
2022-01-16 10:45:21
178阅读
watchEffectwatchEffect()方法接收一个函数对象作为参数，就会立即执行这个函数，同时也会响应式地跟踪这个依赖是否发生改变，如果发生改变会重新运行。这个方法和watch很相似。不同的是这个方法不需要分离去监听数据源。vue3中听提供的watch方法和vue2中提供的watch方法是一样的。如果我们处理一个比较大的响应式对象的属性时，我们可以使用es6中的结构语法获
原创
精选
2022-05-21 20:13:11
409阅读
effectScope 可以直接控制响应式副作用的施放时间<script setup> import { reactive, watch, watchEffect,
原创
2022-06-27 15:27:27
237阅读
Vue.extend > 使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。 > data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数Vue.nextTick > 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。Vue.set > Vu...
原创
2021-09-03 14:59:47
268阅读
在vue2.x里面数组与对象的属性变化 没办法 进行响应式所以推
原创
2022-08-19 11:30:08
39阅读
Vue.extend//vue基本构造器 Vue.nextTick//异步刷新队列 Vue.set//全
原创
2022-08-19 11:40:19
61阅读
#Composition-api使用背景Composition-api是vue3的新特性，在vue2中可以安装@vue/composition-api使用该语法，目前项目现状是用的vue2，所以集成了@vue/Composition-api插件。但是在项目开发中使用@vue/composition-api过程中存在了一些问题，例如：Option-api和Composition-api在项目中混用
转载
2023-10-25 12:59:35
178阅读
Vue3兼容Vue2，也就是说咱们在Vue3的项目中，同样可以使用Vue2的options选项api，这也是Vue3的默认其行
原创
2022-06-27 15:28:05
861阅读
在vue项目中，经常会使用到axios来与后台进行数据交互，axios丰富的api满足我们基本的需求。但是对于项目而言，我们需要将其公共部分封装起来，比如异常处理，请求拦截等。本文讲述，如何在vue中封装axios。安装// 安装
cnpm install axios
cnpm install vue-axios引入在main.js中引入// ajax
import
转载
2023-07-04 14:20:52
108阅读
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阅读
什么是Composition API?Composition API也叫组合式API，是Vue3.x中的新特性。通过创建Vue组件，我们可以将接口的可重复部分提取到可重用的代码段中，没有Composition API之前Vue相关业务的代码需要配置到option的特定区域，如果在大型项目中这种方式会导致后期的维护性比较复杂，同时代码可复用性不高，Vue3的Composition API就是解决这个问题的。在setup中使用ref和reactive定义响应式数据使用ref和reactive定义数据
原创
2021-12-16 15:23:40
284阅读
什么是Composition API?Composition API也叫组合式API，是Vu
原创
2022-01-12 13:49:45
117阅读
如图，面对一团糟代码的你~~~真的想说，What F~U~C~K！！！回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求
原创
2021-05-05 16:57:26
325阅读
