同事都说我卷，趁着午休我 —— 彻底熟练使用《Vue3的选项APi》
我们先来研究一个setup函数的参数，它主要有两个参数：第一个参数：props第二个参数：contextprops非常好理解，它其实就是父组件传递过来的属性会被放到props对象中，我们在setup中如果需要使用，那么就可以直接通过props参数获取：另外一个参数是contextattrs：所有的非
电商后台管理详情
后台管理项目介绍一、项目结构的搭建二、开发流程1.项目初始化2.后台配置3.登录以及退出登录的业务流程登录业务的相关技术点token原理分析登陆页面的布局用到了以下的elment ui组件创建登陆组件实现登录功能退出3.主页面布局、用户列表功能主页面布局侧边栏的布局以及渲染 请求数据侧边栏菜单的伸缩
寒假第一个springboot+vue音乐网站实战项目
文章目录前言一.成果展示二. 后端流程2.1数据库表设计2.2. 后端搭建2.2.1 mybatis-plus逆向工程生成代码简化开发2.2.2 配置数据,跨域和静态资源放行2.3. 流水线式开发模式三.前端vue搭建3.1 前端基本环境搭建3.1.1 脚手架搭建和容易出现的错误3.1.2 axi
【VsCode】如何使用VsCode中的代码片段快速输入常用代码（太实用了，有图，有示例）
一、只要输入两个【！！】就可以出来想要的代码片断。比如：你看我，输入了两个感叹号，按下回车就出现如下代码：1、文件--首选项--用户片断2、选择【新建全局代码片段文件】3、输入文件名：html-js-vue-demo(这里随便输入，只要不重复就行)，按【回车键】4、出现如下图所示5、把所有的内容删除
Vue 关于$emit与props的使用
一、props 和 $emit1、子组件向父组件传值，通过 $emit 事件向父组件发送消息，将自己的数据传递给父组件。2、props 可以在组件上注册一些自定义属性。父组件通过绑定该属性来向子组件传入数据，子组件通过 props 属性获取对应数据。二、示例 1.父组件// parent.vue&l
Vue 生命周期和数据共享
Vue 生命周期和数据共享1. 组件的生命周期1.1 生命周期与生命周期函数1.2 组件生命周期函数的分类1.3 生命周期图示以及详解2. 组件之间的数据共享2.1 组件之间的关系2.2 父向子传值2.3 子向父传值2.4 兄弟之间的数据关系1. 组件的生命周期1.1 生命周期与生命周期函数生命周期
基于vue的 表单设计器（拖拽生成表单）
日常开发时想要快速构建节省时间或者功能需求需要拖拽生成表单，推荐使用以下表单设计器。1.基于vue+elementui 的表单设计及代码生成器Form Generator码云仓库：form-generator: Element UI表单设计及代码生成器演示地址：form-generator...
Vue+UpLoad实现上传、点图预览、删除图片
1、用vue+Element完成一个图片上传、点图预览、加删除功能，如图：2.首先我们再组件中引入这一段代码，每个属性的使用也都放在这里了：<el-upload class="upload-demo" action=""//引号里面填要上传的图片地址，用接口的话是公共的接口地址拼接一个图片
Vue监听器
watch : 在vue中表示监听的意思 , 我们可以使用watch来响应数据的变化需求 : 定义三个数 firstNumber , lastNumber , fullNumber. 当firstNumber和lastNumber发生改变时 , fullNumber也随之发生改变方式一 : 事件
趁着周日我卷了 uni-app《uview 狠 优秀的UI框架》
超级实用，建议收藏，防止以后会用到！怎么捉呢，举个栗子，'双十一'了你写一个倒计时，好写，简单，但是也要费时间，在工作中我们会以最快速度完成工作，方便看boss有没其它安排，额，好吧摸鱼王
element-ui的table组件表头换行
element的el-table组件表头换行
webpack-theme-color-replacer动态修改Ant Design Vue主题色
度娘出不来效果，尝试总有一点小问题有很多解决方案，例如antd-theme-webpack-plugin，但是尝试失败，antdv 2.2.8版本与之前的路径与源码有所不同，直到找到webpack-theme-color-replacer的文章取经之后踩坑实现了效果项目使用的是Vue3+typesc
手写一个服务器代码将 《vue电商后台管理系统》部署上去 上线、打包
亲测可用，一定会收获颇多，1.上线vue电商后台管理项目2.手写搭建服务器并挂载 （node）3.打包优化 完成上线
5分钟学会 vue3组件递归 (实现Tree级菜单)
1. 什么是组件递归 通俗的讲 ：① 组件导入自己本身 。②一般 根据 children或是 是否有下一层的属性去判断是否结束。2.以 Tree 树形菜单为例3.代码实现① Tree.vue 代码：参数=>解释onoff() 函数1.通过判断是否在id是否在closeList数组里， 有
「2022」打算跳槽涨薪，必问面试题及答案——VUE篇
1、为什么选择VUE，解决了什么问题？vue.js 正如官网所说的，是一套构建用户界面的渐进式框架。与其它重量级框架不同的是，vue 被设计为可以自底向上逐层应用。vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另外一方面，当与现代化工具链以及各种支持类库结合使用时，vu
Vue+Axios+SpringBoot前后端分离项目解决跨域问题
什么是跨域？不同服务器，不同项目，不同端口，满足以上三点任意一点的都是跨域请求如何解决？①前端在Vue-Cli的核心配置文件main.js中，创建axios实例时允许使用凭证（Session）/** * 导入axios */import axios from 'axios';/** * 创建axio
vue3 中使用动画技术
vue3 中使用动画技术vue 中的相关基础知识处理过渡和动画的内置组件组件名描述Transition用于在元素或组件进入和离开 DOM 时应用动画。TransitionGroup用于在将元素或组件插入列表、从列表删除 或 在v-for列表中移动 时应用动画。Transition作为VUE内置组件
在 Vue3 成为默认版本后，盘点了 Vue3 与 Vue2 的区别
目录前言正文一、Vue3 与 Vue2 区别概览二、Vue3 与 Vue2 区别详述生命周期多根节点Composition API异步组件（Suspense）Teleport响应式原理虚拟DOM事件缓存Diff算法优化打包优化自定义渲染APITypeScript支持三、Options API 与 C
[项目经验]——图片上传以及回显
介绍在Springboot+vue中是如何处理图片上传及回显的
基于Vue和Node.js的电商后台管理系统
电商后台管理系统(前端项目） 预览后端API接口源码 下载. 接口API功能用于管理用户账号，商品分类，商品信息，订单，数据统计等业务功能开发模式电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目技术选型前端项目技术栈VueVue-routerElemen
