vue
云Girl
这个作者很懒,什么都没留下…
展开
-
Vue生命周期,Vue中在哪个生命周期阶段调用异步请求最佳
Vue生命周期beforeCreate(创建前): 在数据观测和初始化事件还未开始,data、watcher、methods都还不存在,但是$route已存在,可以根据路由信息进行重定向等操作。created(创建后):在实例创建之后被调用,该阶段可以访问data,使用watcher、events、methods,也就是说 数据观测(data observer) 和event/watcher ...原创 2020-03-15 23:51:50 · 8457 阅读 · 4 评论 -
简单了解VUE3中的Composition API
1:什么是Composition API ?Composition API 中我们的代码是根据逻辑功能的进行组织的,可以把同一功能的不同代码放在一起,或者把他们单独拿出来放在一个函数中,所以Composition API 也可以称为基于函数组合的API。为什么要使用Composition API ?Composition API 是根据逻辑相关性来组织代码的,提高可读性和可维护性。更好的重用逻辑代码,在Options API中通过Mixins 重用逻辑代码,容易发生命名冲突且关系不清。在vue3原创 2021-01-29 16:10:02 · 312 阅读 · 0 评论 -
vue2.0源码相关知识点
1、vue2.0使用Flow来做静态类型的检查(1):为什么选择Flow?我们都知道Javascript是动态类型语言,灵活性很强,但是缺点就是很容易写出一些隐蔽的代码,在编译的时候不会报错,但在运行阶段就可能出现各种奇怪的bug。类型检查是当前动态类型语言的发展趋势,所谓类型检查,就是在编译期尽早发现由类型错误引起的bug,又不影响代码运行(不需要动态类型检查),使编写jsvascript具有和编写java等强类型语言相近的体验。项目越复杂就越需要通过工具的手段来保证项目的维护性和增强代码的可读性。原创 2020-11-26 15:47:38 · 89 阅读 · 0 评论 -
vue中使用UEditor富文本编辑器
常见的富文本编辑器首先我们来看一下当下比较流行的富文本编辑器有哪些?tinymce :是一家老牌做富文本的公司(这里也推荐 ckeditor,也是一家一直做富文本的公司,新版本很不错),它的产品经受了市场的认可,不管是文档还是配置的自由度都很好。...原创 2020-08-25 17:04:56 · 1947 阅读 · 1 评论 -
vue局部组件刷新
背景: UI框架:antd vue,一个导入文件的功能,导入成功之后列表页的数据就会改变,但是我这边导入成功之后,打印的数据是更新了,页面却没有更新…对此我的解决方法是导入成功之后,局部刷新列表组件,原理控制路由的显示隐藏(v-if),由路由的显示隐藏达到组件重新渲染的效果。首先:我们在App.vue中,定义一个变量(isRouterAlive)为true,控制路由的显示隐藏,然后定义一个方法(reload),调用该方法之后组件重新刷新,然后必须要将这个方法定义在provide注入依赖,其子孙都可以用这原创 2020-08-10 18:00:47 · 2125 阅读 · 2 评论 -
antd vue 上传图片 - Base64格式、文件流格式
1、为什么上传图片需要使用base64格式进行转换,再传给后端?当上传的图片很小的时候,转成base64格式较为划算。贴代码:HTML: <a-form-item label="图片上传" :label-col="labelCol" :wrapper-col="wrapperCol"> <a-upload :custom-request="customRequest" name="file" :headers="{'原创 2020-08-03 16:32:22 · 5546 阅读 · 4 评论 -
antd vue 单元格编辑
记录一下最近使用antd Pro vue 开发的项目遇到的问题。背景:项目是个管理后台, UI框架使用antd vue ,主要都是表格编辑,编辑的的数据主要是为大屏服务的。问题:表格中直接放入封装好的input组件,有些模块由于需要编辑的单元格不多,所以展示表格列表很快,但是当编辑的单元格特别多的时候,会把你的页面卡shi的…我项目中有多少个呢,有一个页面整整有800个单元格需要编辑,那就是800个input组件呀,把我卡的shi shi的…来看一下表单直接放入input组件的效果哈如果需要编辑的原创 2020-07-07 15:55:59 · 2841 阅读 · 5 评论 -
axios的二次封装
二次封装的目的便于维护,统一实现,程序可复用。文件目录srcapi/api.jslibs/util.jsview/test.vue封装实现// util.jsimport axios from 'axios'// 封装axios,baseURL是一个基础路径const util = {}util.ajax = axios.create({ baseURL: '...转载 2020-03-21 17:22:10 · 242 阅读 · 0 评论 -
双向数据绑定的原理
双向数据绑定的原理首先我们来理解一下什么是双向,如下图所示,当服务端中的数据发生改变,也就是data(Model)发生改变,View就会发生改变,这是正向的。当View层有数据发生改变的时候,那就触发相应的data(Model)层改变,这是反向的。那么这就是双向的。那么他们是怎么做到view层改变data就改变的,data改变View就改变的呢,这中间其实就是view-modle层来进行监控...原创 2020-03-13 17:07:13 · 1384 阅读 · 0 评论 -
MVC、MVVM模式的概念与区别
MVC模式MVC全名是Model View Controller,是模型(model)- 视图(view)- 控制器(controller)的缩写。原创 2020-03-13 15:28:39 · 472 阅读 · 0 评论 -
vue/cli4的安装与使用
1:若你已安装过vue-cli2的话,你得先卸载掉,命令如下 //首先查看是否已安装过vul-cli vue -V //如是有的话,就用下面命令卸载 npm uninstall vue-cli -g 2:安装vue-cli 4.0.5 //一键初始化项目 npm init -y // 安装vue-cli npm instal...原创 2019-11-05 14:01:27 · 24841 阅读 · 5 评论 -
VUE中根据文件后缀名显示对应的图标
简述需求哈哈哈,这应该是比较简单的一个小需求,但是刚开始碰到我还不知道怎么下手,在这里记录一下下~~从后台返回的数据中,会含有多个不同类型的文件,需将文件按顺序且在每个文件前显示对应的文件icon和文件名,效果就是下面这样子的。思路首先,要将你所需要的文件图标名称改为 文件后缀名.png 之类的(zip.png/txt.png/world/png…)。写一个函数,传入后台返回的文件名,然...原创 2019-10-10 16:47:48 · 8191 阅读 · 3 评论 -
将接口数据存储在Vuex里
最近做的一个项目中,由于头部导航是接口返回的,而且数据还特别多,所以这里就运用到了Vuex来存储接口返回的这些数据,就不需要每到一个页面就调用一次接口。原创 2019-10-08 15:01:23 · 5095 阅读 · 2 评论