Vue
文章平均质量分 58
Vue
夏暖冬凉
这个作者很懒,什么都没留下…
展开
-
给vue动态组件component添加@事件
【代码】给vue动态组件component添加@事件原创 2023-02-01 21:38:05 · 1134 阅读 · 0 评论 -
vue3组合式API标注类型(Ts)
vue3组合式API标注类型(Ts)原创 2022-08-31 18:04:36 · 763 阅读 · 0 评论 -
vue实现通过手机号发送短信验证码登录
vue实现通过手机号发送短信验证码登录原创 2022-05-20 16:10:23 · 5579 阅读 · 2 评论 -
element实现简单上传文件功能
element简单实现导入功能原创 2022-05-05 18:38:40 · 681 阅读 · 0 评论 -
vue3使用$emit【defineEmits】
vue3.2使用emit【defineEmits】 组件传值原创 2022-05-05 14:02:05 · 6080 阅读 · 0 评论 -
vue3给props设置默认值【defineProps】
vue3.2 defineProps设置默认值原创 2022-03-30 11:14:57 · 30073 阅读 · 3 评论 -
Pinia快速入门
Pinia快速入门Pinia是 Vue.js 的轻量级状态管理库,最近很受欢迎。它的成功可以归功于其管理存储数据的独特功能(可扩展性、存储模块组织、状态变化分组、多存储创建等)2021.11.24 Pinia 正式成为 vuejs 的一员,尤雨溪当天在 Twitter 上宣布:Pinia 正式成为 vuejs 官方的状态库,意味着 Pinia 就是 Vuex 5原创 2022-02-15 13:49:59 · 828 阅读 · 0 评论 -
Vue2+Ts实战项目开发与项目优化(四)发布部署
项目打包npm run build本地预览部署npm i -g serveserve -s dist创建本地服务test-serve/app.jsnpm i -D expressnpm i --save-dev http-proxy-middleware // 使用代理中间件const express = require('express')const app = express()const path = require('path')const { createProxy原创 2021-12-16 00:00:03 · 1246 阅读 · 0 评论 -
前端上传视频至阿里云并转码
我们这里选用的是第三方方案流程图整体流程页面展示添加脚本文件到根目录,并引入脚本public/index.html<!DOCTYPE html><html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte原创 2021-12-15 21:25:18 · 4097 阅读 · 2 评论 -
Vue2+Ts实战项目开发与项目优化(三)用户管理和权限管理
用户管理用户管理角色->角色管理相应的权限分配角色一个用户可以拥有多个角色角色权限管理角色可用来分配菜单和资源角色分配菜单权限控制菜单角色分配资源权限控制接口原创 2021-12-11 20:05:33 · 363 阅读 · 0 评论 -
Vue2+Ts实战项目开发与项目优化(二)用户登录和身份认证
关于Token过期的问题access_token 作用:获取需要授权的接口数据expires_in 作用 access_token 过期时间refresh_token 作用:刷新获取新的 access_token方法一:在请求发起前拦截每个请求,判断 token 的有效时间是否已经过期,若已过期,则将请求挂起,先刷新token后再继续请求优:在请求前拦截,能节省请求,省流量缺:需要后端额外提供一个token过期时间的字段,使用了本地时间判断,若本地时间被篡改,特别是本地时间比服务器时间慢时原创 2021-12-02 23:24:39 · 965 阅读 · 0 评论 -
Vue2+Ts实战项目开发与项目优化(一)项目初始化
使用vue-cli创建项目vue create edu-boss-fed加入git版本管理原创 2021-11-22 23:40:57 · 4265 阅读 · 0 评论 -
vue3和vue2的区别
源码组织方式的变化Composition API性能提升Vite原创 2021-11-17 07:58:10 · 1167 阅读 · 0 评论 -
ElementUI table动态展开收起,以及初始收起状态(另累写法仅作参考)
最近的需求碰到一个使用ElementUI table表格的时候需要实现点击动态加载数据并展开和收起。效果图实现????ElementUI 树形数据与懒加载 <el-table ref="table" :row-key="id" :tree-props="{ children: 'children' }" @expand-change="handleExpendRow" ></el-table> //原创 2021-10-10 14:40:59 · 5279 阅读 · 0 评论 -
虚拟DOM与diff算法
diff算法新虚拟dom和老虚拟dom进行diff(精细化比较),算出应该如何最小量更新,最后反映到真正的dom上虚拟DOM(虚拟DOM->真实DOM是通过模板编译)真实dom计算机处理起来比较复杂->转换用js对象描述dom的层次解构。dom中的一切属性都在虚拟dom中有对应的属性为什么要有虚拟dom,因为diff是发生在虚拟dom上的...原创 2021-09-23 08:35:00 · 154 阅读 · 0 评论 -
Vue v-model实现父子组件通信与input属性传值问题
v-model是一个语法糖,我这边用来做父子组件属性的双向绑定父子v-model在input元素上时的使用<input v-model="sth" /> // 语法糖<input v-bind:value="sth" v-on:input="sth = $event.target.value" /> // 原生语法...原创 2021-06-29 09:40:15 · 1115 阅读 · 0 评论 -
Vant-ui组件 Dialog里的before-close阻止关闭
这是vant官网的用法,写的很粗,下面讲一下自己的理解。:before-close="onBeforeClose" //绑定onBeforeClose事件async onBeforeClose(action, done) { if (action === "confirm") { if (this.suc.suc1 === true && this.suc.suc2 === true && this.suc.suc3 === true)原创 2020-11-24 10:38:55 · 30092 阅读 · 8 评论