vue
文章平均质量分 68
vue3知识点
owensweat
一枚纯正的后端er,其中领域涉及算法,数据结构,计算机网络,HTTP框架和RPC框架,基础架构,SSM,Springboot,Springsecurity,Gin,Gen,GoZero,Docker,k8s,OSS,MySQL优化和Redis
展开
-
vue3 父组件和子组件如何传值 详解
目录1.父组件打开子组件的的dialog组件model-value 单向数据绑定2.父组件关闭子组件的的dialog组件defineEmits3.开始运用: 用户的增加修改操作1.父组件的修改2.子组件的修改3.父组件给子组件赋值4.子组件调用父组件方法1.父组件打开子组件的的dialog组件 🕒新建一个vue文件命名为test 🕒然后咱们直接从官网CV一个带有表单的dialog组件如......原创 2022-05-04 21:21:39 · 13349 阅读 · 8 评论 -
vue3---dayjs-入门及常用方法
目录day.js下载安装vue3的使用 导入day.js 使用最终效果dayjs是一个轻量的处理时间和日期的 JavaScript 库dayjs好处🕒 和Moment.js有着相同的API和模式 💪 不可变、持久性 🔥 提供链式调用 🌐 国际化标准 📦 超小的压缩体积,仅仅有2kb左右 👫 极大多数的浏览器兼容官方githubgithub.com/iamkun/dayj…中文使用文档github.com/iam.........原创 2022-05-04 11:50:38 · 8997 阅读 · 0 评论 -
vue3 自定义404界面
设置路径在我们的router下的index.js中添加如下路径即可{ path: '/:cathchAll(.*)', name: '404', component: () => import('../views/404.vue') },自定义404界面在我们的404.vue文件中放一个我们想要的文件即可<template> <div class="not-found"> <img src="../asset原创 2022-05-04 10:52:49 · 2411 阅读 · 1 评论 -
vue3+springboot 实现token登录 过期自动退出操作
准备工作1.在src创建utils文件夹创建constant.js 放咱们所需的变量export const TOKEN_TIME = 'tokenTime'export const TOKEN_TIME_VALUE = 2 * 60 * 60 * 1000创建auth.js来放咱们所需的方法import { TOKEN_TIME, TOKEN_TIME_VALUE } from './constant'// 登录时设置时间export const setTok....原创 2022-05-03 17:52:23 · 3859 阅读 · 3 评论 -
vue3+springboot 前后端分离实现登录
1. elementplus中form表单的简单使用 快速上手2.vue3---axios基础使用教程3.Vue3和springboot前后端跨域问题以上不会的小伙伴自取 会的大佬可以跳过在准备好以上的前提之后 就可以开始咱们的登录操作啦首先因为是前后端分离 所以前后端的端口不能用同一个所以在后端设置一个其他端口//yaml写法server: port: 8082前端设置 设置axions的默认参数 在main.js填入以下内容 URL为自己的后台端口号 ..原创 2022-05-03 11:00:56 · 4874 阅读 · 1 评论 -
elementplus中form表单的使用及讲解---快速上手
这篇仅仅对于初学者,因为纯个人理解,后端er只需要会用就好啦贴一个elementplus的官网Form 表单 | Element Plus (element-plus.org)1.初识elementplus的form表单<template> <el-form :model="form" label-width="120px"> <el-form-item label="Activity name"> <el-inpu....原创 2022-05-02 17:24:48 · 8522 阅读 · 0 评论 -
axios使用与封装详解
目录1.下载最新版的axios2.创建reques.js进行封装3.在main.js中进行全局挂载1.下载最新版的axiosnpm install axios这里附上axios的官网起步 |Axios 中文文档 | Axios 中文网 (axios-http.cn)2.创建reques.js进行封装新建api文件夹,下面创建一个request.js在这里因为我是后端配置的跨域访问,所以内容跟别人有所不同,关于跨域配置跨域参考我的另一篇文章(...原创 2022-05-02 16:08:03 · 2247 阅读 · 0 评论 -
springboot或者springsecurity跨域问题 ---简单有效
目录springboot后端配置解决跨域为什么会出现跨域问题? 首先一个定义一定要了解,就是浏览器的同源策略什么是浏览器的同源策略,简单来说就是浏览器发送请求的协议、域名和端口要和服务器接收请求的协议、域名以及端口一致。这样才能完成交互,但是很显然这样是不可能的,尤其在对于在同一台电脑上开发前后端分离的项目的时候,一定是会使用两个端口的。那么这样就形成了跨域问题。其中有俩种方法解决,一种是在前端配置跨域代理,第二种是后端新建一个配置类在这里只介绍第一种,因为最为简便s..原创 2022-05-02 15:32:11 · 1498 阅读 · 2 评论 -
手把手从vue3从下载到创建项目(IDEA版)
以下来自一个后端er自学vue3的经验,有不对的欢迎斧正基础前端页面----vue3+elementplus+ts新手很友好 强推目录下载Vue3创建vue3项目下载Vue3首先需要安装node.jsNode版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本下载地址:Node.js (nodejs.org)安装...原创 2022-04-25 11:06:12 · 4434 阅读 · 3 评论