vue3 新特性

发布时间:2022-11-28 VUE.JS VUE
1 创建工程    vue-cli v4.5/  vite import { createApp } from 'vue'import App from './App.vue'const app = createApp(App)app.mount('#app') 2 setup export default { name:'App', components:{Demo}, props:['msg','school'],//props如...

ubuntu 20.04.4+uWSGI+Nginx安装部署Django+Vue的web前后端全过程记录(2-Vue)

发布时间:2022-11-29 WEB笔记 NGINX VUE 前端 UBUNTU
ubuntu 20.04.4+uWSGI+Nginx安装部署Django+Vue的web前后端全过程记录(1-Django) ubuntu 20.04.4+uWSGI+Nginx安装部署Django+Vue的web前后端全过程记录(3-实现局域网通过本机IP地址加端口号访问本地虚拟机的web项目) Vue项目ubuntu+vuecli部署 vuecli编译 完成之后在项目下生成如下dist文件 Xftp上传到ubuntu的自定文件夹中 nginx配置 检查之前的nginx配置文件是否有语法错误,...

vite vue引入svg图标及封装 (轻松上手)

发布时间:2022-11-28 VUE NPM JAVASCRIPT VUE插件 VUE.JS 前端 VITE+VUE+TS
svg特征 Preloading所有图标都是在项目运行时生成的,只需要操作一次dom即可。高性能内置缓存,仅在文件被修改时才会重新生成。一、如何使用 1.安装vite-plugin-svg-icons插件 node version: >=12.0.0 vite version: >=2.0.0 yarn add vite-plugin-svg-icons -D# ornpm i vite-plugin-svg-icons -D# orpnpm install vite-plugin-svg-i...

vue集成bpmn.js

发布时间:2022-11-29 BPMN.JS VUE FLOWABLE
参考链接 Vue 整合Bpmn-js 工作流模型编辑器 - 掘金 bpmn-js快速上手及汉化_<每天一点>的博客-CSDN博客_bpmn-js //先提前安装好cnpm xnpm 设置淘宝镜像、nrm、nodemon - 走看看 // 创建一个Vue项目 vue create demo //vue必须选择2的版本,否则报错 // 安装一下项目依赖, cnpm npm install //安装bpmn 后面记得改版本 cnpm install bpmn-js cnpm install bpmn...

vscode配置用户代码片段

发布时间:2022-11-29 VUE VSCODE VUE.JS
好处:配置用户代码片段就是将常用的代码片段整合起来,下次使用直接用自己设置的快捷键+回车快速生成代码 设置步骤: 1.点击vscode左下角的设置图标,选择【配置用户代码片段】 2.选择新建全局代码片段文件,输入文件名vue.json(就是名字.json,这里以vue.json为例),然后回车。 3.第2步回车后,会生成一个文件,如下图: prefix就是给你这个代码片段起个名字,使用的时候直接输这个名字,然后回车,就生成了。 body里面放重复使用的代码,注意代码的每一行都要用双引号包裹,用逗号...

vue3小兔鲜商城项目学习笔记+资料分享02

发布时间:2022-11-30 VUE.JS 学习 JAVASCRIPT 商城 VUE 前端
最近正在学习vue3小兔鲜 下面是学习笔记 建议大家先去看我第一篇小兔鲜的文章,强烈建议,非常建议,十分建议,从头开始看更完整。 布局模块 路由设计 **目标:**能够理解小兔鲜项目中的路由设计 内容: 一级路由有登录 Login 和布局容器 Layout [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-v3gF56aX-1668072603824)(media/image-20211229174027074.png)] 路径组件(功能)嵌套级别/首页布局容器 Layout1...

纯前端实现复杂表格数据的导出——XLSX+FileSaver

发布时间:2022-11-30 JAVASCRIPT VUE 前端 工具类库
项目场景: 一个很复杂的表格,行列都涉及到合并单元格,且列数不固定,是根据后端数据返的,样式如下,需要实现该表格的导出: 使用步骤 1.安装相关依赖 XLSX 和 FileSaver: npm install xlsx --savenpm install FileSaver --save 2.代码中引入: import FileSaver from 'file-saver' import XLSX from 'xlsx' 3.代码中使用: <el-button type=primary @...

vue3小兔鲜商城项目学习笔记+资料分享07

发布时间:2022-11-30 VUE.JS 学习 JAVASCRIPT 商城 VUE 前端
建议大家先去看我第一篇小兔鲜的文章,强烈建议,非常建议,十分建议,从头开始看更完整。 下面是学习笔记 填写订单模块 填写订单实现 本节目标: 实现填写订单跳转 填写订单页组件和路由 1)准备填写订单页面 新建页面组件:src/views/Checkout/index.vue <script setup lang=ts>//</script><template> <div>填写订单页面</div></template> 2)二级...

vue3小兔鲜商城项目学习笔记+资料分享08

发布时间:2022-11-30 学习 JAVASCRIPT 商城 VUE 前端
建议大家先去看我第一篇小兔鲜的文章,强烈建议,非常建议,十分建议,从头开始看更完整。 最近正在学习vue3小兔鲜 下面是学习笔记 支付模块 路由和组件 任务目标: 完成支付页路由和组件 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KPrUa4zR-1668073221450)(media/05-164598169184610.png)] 1)准备组件 src/views/Pay/index.vue <script setup lang=ts>//<...

vue3小兔鲜商城项目学习笔记+资料分享09

发布时间:2022-11-30 学习 JAVASCRIPT 商城 VUE 前端
建议大家先去看我第一篇小兔鲜的文章,强烈建议,非常建议,十分建议,从头开始看更完整。 最近正在学习vue3小兔鲜 下面是学习笔记 会员中心模块 个人中心 个人中心-路由配置 本节目标:个人中心二级路由配置。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QALATZFT-1668073285405)(media/image-20210822062307681.png)] (1)创建组件 src/views/Member/Layout/index.vue <scr...

Vue3笔记_itheima

发布时间:2022-11-30 VUE.JS JAVASCRIPT WEBPACK VUE 前端
webpack 05 webpack基础-隔行变色 { } 06webpack基础-安装webpack { } -S 是 --save的简写 -D 是 --save-dev的简写 07在项目中配置两个包 { } development 表示在开发阶段 production表示要上线的项目 none 表示‘无’ 执行dev脚本后会在根目录下生成一个dist文件夹,里面包含了生成的main.js文件 ,main.js文件大小取决于exports的参数 开发的是有一定要用development,...

vue3小兔鲜商城项目学习笔记+资料分享05

发布时间:2022-11-30 VUE.JS 学习 JAVASCRIPT 商城 VUE 前端
建议大家先去看我第一篇小兔鲜的文章,强烈建议,非常建议,十分建议,从头开始看更完整。 最近正在学习vue3小兔鲜, 下面是学习笔记 登录模块 路由与组件 目标:登录组件在书写一级路由的时候已经准备,添加路由链接跳转到登录页即可。 添加跳转链接:src/components/app-topnav.vue <li><RouterLink to=/login>请先登录</RouterLink></li> 结构布局-CV [外链图片转存失败,源站可能有防盗链机...

vue3小兔鲜商城项目学习笔记+资料分享06

发布时间:2022-11-30 学习 JAVASCRIPT 商城 VUE 前端
建议大家先去看我第一篇小兔鲜的文章,强烈建议,非常建议,十分建议,从头开始看更完整。 最近正在学习vue3小兔鲜 下面是学习笔记 购物车模块 购物车功能分析 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eB0x8EDy-1668073110525)(media/01-16459814763577.png)] 思路流程 购物车的各种操作都会有两种状态的区分,登录和未登录所有操作都封装到 Pinia 中,组件只需要触发 actions 函数在actions中通过 member...

vue2组件传值

发布时间:2022-11-28 VUE VUE2学习笔记
一、父组件向子组件传值 父组件中的数据在子组件中不能直接使用,要想在子组件中使用,步骤: 1、 在子组件配置props属性,属性中协商自定义属性名。 { props:[’自定义属性名‘] } 2、 在父组件中找到子组件标签。 <子组件标签  :自定义属性名=父组件要发送的数据></子组件标签> 3、 在子组件中需要使用数据的地方,直接将第一步中自定义属性名当作data数据来使用。 <div>{{自定义属性名}}</div> 示例: 子组件:  父组件: ...

使用vue-cli脚手架搭建工程的步骤

发布时间:2022-11-29 VUE.JS VUE JAVASCRIPT 前端
1.安装node 下载地址:Download | Node.js 下载完成后打开它一直点击next即可 2.验证安装 打开终端,查看node和npm的版本,验证是否安装成功 (1).点击电脑底部导航栏的搜索框 (2).输入cmd后按回车键 (3).查看node版本的命令:node空格-v    查看npm版本的命令:npm空格-v 如果安装之前打开了终端,需要在安装后关闭终端,重新打开  3.配置源地址 默认情况下,npm安装包时会从国外的地址下载,速度很慢,容易导致安装失败,因此需要先配置n...

【推荐!!!】vue修改数据页面不更新;vue监听不到数据变化;vue打印有值页面无数据;this.$set ; this.$nextTick ; this.$forceUpdate

发布时间:2022-11-30 VUE修改数据页面不更新 VUE ELEMENT-UI
场景:vue是双向数据绑定的,那么在修改data数据时候,页面也应该是变化的,但是偶尔会遇到 1.vue修改数据页面不更新,既data数据变化了,但是页面渲染没变化。 2.或者vue监听不到数据变化; 3.vue打印有值页面无数据到 情景一、修改的data数据,原先没声明,使用this.$set data () { return { obj:{ a:1 } } } this.obj.b = 2 // 原先就没有b这个属性 即使赋值 页面也不会渲染 ...

【Vite·2】vite脚手架create-vite和vite的区别

发布时间:2022-11-30 JAVASCRIPT 开发语言 VITE VUE 前端
vite官网:开始 | Vite 官方中文文档 vite的官方安装教程如下: Vite 需要 Node.js 版本 14.18+,16+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。 安装create vite脚手架  npm create vite@latest yarn create vitepnpm create vite  注:npm create 命令效果同 npm init ,这是npm规定的 根据脚手架搭建项...

报错:error Component name “xxx“ should always be multi-word vue/multi-word-component-names

发布时间:2022-11-30 VUE 报错 前端
在启动vue项目时报错如下: 报错原因:文件命名不规范 命名可遵循如下规范: 单文件组件的文件名应该要么始终是单词大写开头(VueDemo),要么始终是横线连接(vue-demo) 解决方法: 第一种:把文件名按规范填写第二种:在vue.config.js中添加如下代码const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ transpileDependencies: true, l...

echarts 堆叠柱状图

发布时间:2022-11-29 JAVASCRIPT VUE ECHARTS 前端
deptOption: { grid: { left: '0px', top:'15px', right: '100px', bottom: '0px', containLabel: true }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: { orient: 'vertical', x: right, padding:[15,0,0,0], data: ['电动车', '堆物堆...

slot插槽封装公共组件

发布时间:2022-12-02 VUE.JS VUE
简化代码,封装公共组件 前言 项目中不可避免的有很多相同的组件,封装公共组件可以简化代码,提高开发效率,slot可以完美的实现封装 一、slot是什么? slot卡槽可以分为具名卡槽和默认卡槽,默认卡槽直接写在组件内部并插入到内容区域   二、使用步骤 1.公共组件BaseCard封装 代码如下(示例): <template> <div :class=['base-card', cardType === 'sub' ? 'sub' : 'main'] :style={ w...

基于springboot vue的在线投稿系统的设计与实现

发布时间:2022-12-01 JAVA VUE SPRING BOOT SPRINGBOOT框架源码
1,项目介绍 在线投稿系统是一个集在线协作,审核,发表等等功能于一体的投稿处理系统。项目内拥有多种角色:管理员;编辑;专家;作家。其中包含审核,联合发表等多个工作流。 作家:个人中心;个人稿件管理;分配信息管理;稿件信息管理;我的收藏管理;留言板管理管理员:个人中心;作家、编辑、专家管理;个人稿件管理;分配信息管理;稿件信息管理;类别管理;留言板管理;公告管理,轮播图管理编辑:个人中心;个人稿件管理;分配信息管理;稿件信息管理;我的收藏管理;留言板管理(具有稿件审批权及高价分配权)专家:个人中心;分配信息...

vue3组合式api实现组件传值

发布时间:2022-11-28 VUE VUE3学习笔记
一、父组件向子组件传值 1、在子组件中使用defineProps来定义props defineProps({自定义数据:{type:数据类型,default:默认值}}) 2、在父组件中找到子组件标签,在子组件标签上使用v-bind:自定义数据名=要发送的数据“ 二、子组件向父组件传值 1、在子组件中定义事件,使用defineEmits来发送数据 <button @click=事件></button>const emit=defineEmits(['方法名1’,’方法名2‘])co...

若依知识点

发布时间:2022-11-29 笔记 JAVA 知识 VUE 前端 教程
1.微服务 1.前端获取当前用户 this.currentUser = JSON.parse(localStorage.getItem(currentUser)) 2.上报率 SELECT (j.yes + k.`no`) `all`,j.`yes`,k.`no`,CAST(j.yes/(j.yes + k.`no`) AS DECIMAL(6,2)) rate FROM ( SELECT COUNT(*) `yes` FROM rom_workorder_dgs a LEFT JOIN w...

Vue.js 笔记

发布时间:2022-12-01 VUE.JS JAVASCRIPT VUE 前端
一、前端工程化         1 就是四个现代化:                 ① 模块化(JS 的模块化、CSS 的模块化、资源的模块化)                 ② 组件化(复用现有的 UI 结构、样式、行为)                 ③ 规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理)                 ④ 自动化(自动化构建、自动部署、自动化测试)         2 目前主流的前端工程化解决方法:                 ①...

【自学前端】我只学这些够吗?好难

发布时间:2022-11-29 学习 JAVASCRIPT VUE 前端 大学毕业解疑 后端
        表弟也终于到了马上要大学毕业的时间,然后听说我在做前端开发工作,就想着能不能和我一起搞一搞。         我说这又不是小时候一起去地里抓兔子,说走就一起走,拿上工具一起走了,这得学啊。看着表弟期待的眼神,他问了我几个问题。         ☆ 1 自己到底适合学习前端开发吗?         ☆ 2 学哪些东西能够快点找到工作? 目录 一、自己适合学前端开发吗?  二、自学计划 1、HTML 2、CSS 3、javascript 4、jquery 5、es6 + vue ...

ubuntu+Docker部署Django+Vue项目(1-Vue)

发布时间:2022-11-30 DOCKER LINUX WEB笔记 NGINX VUE 容器 UBUNTU
之前直接在ubuntu上部署过这个项目,但是因为Docker部署的一些好处:持续集成、版本控制、可移植性、隔离性和安全性。 我这主要是为了在docker容器中部署之后,打包容器,拖到云端直接运行(可移植性)。又要在Docker上部署一遍了。在这个部署过程中给出一些用到的docker命令(感觉有点像linux命令) ubuntu安装下载Docker 官网安装链接 搜过一些复杂详细的教程,但是没有安装过Docker,直接按照官网很快顺利的安装完成了。 以下按照官网的步骤解释一下 1.卸载(清除旧版本。没下...

vue中实现图片懒加载的方法(一)

发布时间:2022-11-29 VUE.JS VUE JAVASCRIPT 前端
1.背景:      前几天项目需求实现了图片瀑布流布局,就想着自己再实现图片的懒加载,瀑布流布局配合图片懒加载。 2.懒加载的意义    图片懒加载为的是提升网页性能,减少图片在同一时间请求很多网络图片资源,当然是页面一次性展示了很多图片的情况,所以在这种情况下,为了提升网页性能,提高用户体验我们可以用懒加载来实现。 3.实现原理    主要思路就是在可视区域内得图片进行加载,反之默认不做图片得请求,可以用我们本地自己定义得比较小得loading图代替(当然这个loading图片也会做网络请求,但是是我...

vue动态添加class

发布时间:2022-12-01 VUE.JS VUE 前端
第一种:对象的形式: 用花括号包裹起来,类名用引号,可添加多个class <p :class={'p1' : false, 'p': true}> 第二种:三元表达式 注意点:放在数组中,类名要用引号 <p :class=[ 1 < 2 ? 'p1' : 'p' ] ></p> 第三种:数组的形式 <p :class=[isTrue, isFalse]></p> 第四种:数组中使用对象 <p :class...

基于Vue+ElementUI+MySQL+Express的学生管理系统(2)

发布时间:2022-12-02 VUE.JS MYSQL VUE ELEMENTUI
2.搭建Express Web服务器 1.在E:\vue\shiyan9路径下创建score-server的文件夹放置Express Web服务器的相关文件。 图3 初始化package.json的信息 2.用Vscode打开score-server。并创建如图4所示的项目结构图。 以下目录中的文件依次为: 考试信息增删改查的接口。数据库连接的帮助类(存储数据库连接的相关信息)。Express Web服务器启动的入口(s设置对应的启动的端口)。package.json第2步中生成的。sqlMap存储的...

浏览器的vue3调试工具

发布时间:2022-11-28 CHROME JAVASCRIPT VUE 前端
1.从github下载源码(6.4.5) https://github.com/vuejs/devtools 2.node版本19.1.0 3.安装yarn npm install -g yarn 4.在devtools-6.4.5目录下安装编译 yarn install yarn run build:watch yarn run dev:chrome 5.安装插件(谷歌浏览器、火狐浏览器):devtools-6.4.5\packages\shell-chrome 地址 浏览器vue3插件下载...

Vue面试题集锦

发布时间:2022-11-29 VUE.JS VUE
1.Vue中的data为什么是函数不是对象? 因为组件是用来复用的,且JS对象是引用关系,如果组件中的data是对象,那么作用域没有隔离,组件中的data值会相互影响;如果组件中data是函数,那么每个实例可以维护一份被返回对象的独立拷贝,组件实例之间的data值不会相互影响。 vue实例不被复用,因此不存在引用对象的问题。 2.v-if 与v-show的区别 1.共同点 v-if 和 v-show 都可以动态地显示DOM元素 2.不同点   (1)手段:          v-if...

vue2学习笔记——router

发布时间:2022-11-28 学习 VUE VUE2学习笔记
一、router安装 使用npm: npm install vue-router@3.4.7 二、使用步骤 1.新建页面 在pages或者views文件夹下新建两个demo1和demo2文件。代码如下: demo-1.vue文件: <template> <div class=demo1> <h1>demo1</h1> </div></template> demo-2.vue文件: <template...

vue3.0的变化汇总

发布时间:2022-12-01 VUE.JS VUE JAVASCRIPT 前端
vue2迁移vue3 文档 https://www.javascriptc.com/vue3js/guide/migration/render-function-api.html 1.创建项目 npm init vite-app cd npm install npm run dev 2.setUp() 组合api的(解决v2业务逻辑分散的问题)方法可以单独写在外面的js。 -本质:注入api 注入到option api中去 https://blog.csdn.net/qq_42365082/a...

vuex辅助函数

发布时间:2022-11-28 VUE VUE2学习笔记 前端
一、mapState 1、在需要使用的组件中引入mapState import {mapState} from 'vuex' 2、在computed计算属性中编写mapState computed:{...mapState({自定义属性名:state中的属性名})}或 computed:{...mapState(['state中的属性名'])} 3、在dom元素中将自定义属性名当作data来使用 {{自定义属性名}}或{{state中的属性名}} 二、mapGetters 1、在需要使用的组件中引入map...

windows环境下如何安装配置nvm

发布时间:2022-11-30 VUE NODE.JS NPM
NVM使用背景:当下载别人的项目node版本不一致,需要切换不同node版本时,就需要使用nvm(node版本管理器) 一、 删除已安装的node及相关配置 1. win+R输入control打开控制面板,找到卸载程序,将nodejs卸载 应该在下图位置,我的删除了所以没显示 2. 找到文件中相关内容并删除: C:\Program Files\nodejsC:\Program Files (x86)\nodejsC:\Users\{User}\AppData\Roaming\npmC:\Use...

vue2+canvas 根据坐标实现小车移动

发布时间:2022-12-02 VUE 笔记 JAVASCRIPT VUE.JS 前端
20221112_220533 vue2+canvas 根据坐标实现小车移动 最近接手了一个大屏项目,负责部分技术支持,其中包括本次小车移动动画。在思考后共有两种方案,第一种是使用position:absolute,加上top,left和transform:rotate()属性控制小车移动,第二种使用canvas中的定位加旋转画布实现。本文主要介绍使用canvas实现。 小车的移动轨迹绘画 demo中使用了两层canvas,小车的轨迹使用lineTo与moveTo绘画较为简单,以下先给出轨迹坐标及小车...

bpmn-js在vue中的基本使用

发布时间:2022-11-28 VUE.JS VUE JAVASCRIPT 前端
bpmn-js在vue中的基本使用 gitee: https://gitee.com/philippines-kisses-snow/bpmn-demo 效果: 下载依赖包 npm i bpmn-js bpmn-js-properties-panel camunda-bpmn-moddle bpmn-js: ^10.3.0,bpmn-js-properties-panel: ^1.11.2,camunda-bpmn-moddle: ^7.0.1, 构建bpmn界面 // 样式import 'bpmn-j...

vue3小兔鲜商城项目学习笔记+资料分享03

发布时间:2022-11-30 VUE.JS 学习 JAVASCRIPT 商城 VUE 前端
建议大家先去看我第一篇小兔鲜的文章,强烈建议,非常建议,十分建议,从头开始看更完整。 最近正在学习vue3小兔鲜 下面是学习笔记 顶级类目 目标:主要讲解开发时路由处理的要点,列表渲染部分自己课后实现即可。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5viZsDfY-1668072742157)(media/00.png)] 路由和组件 任务目标: 新增顶级类目组件并绑定路由 实现步骤 新建相关组件把组件和路由绑定在一起给路由在导航区域添加上跳转链接点击跳转链接测...

vue3-ts 修改Title的一种方式

发布时间:2022-11-30 VUE.JS VUE JAVASCRIPT 前端
使用插件vue-wechat-title,设置浏览器动态标题的步骤: 1、安装vue-wechat-title npm install vue-wechat-title --save 2、main.ts引入插件 import VueWechatTitle from 'vue-wechat-title' Vue.use(VueWechatTitle); 此引入时,可能 import VueWechatTitle from 'vue-wechat-title'         在这里可能会报错,没关系,这里是...

input空格回车输入标签

发布时间:2022-12-01 VUE JAVASCRIPT CSS ELEMENT
分析 我们自己封装input输入标签需要注意一下几点: 样式实现,span实现标签效果、input隐藏边框(Element-UI可以直接使用tag)。事件监听,确定生成标签的操作,可以是回车,并且需要监听离开焦点的情况。标签限制,最多几个,以及输入验证 html:<template> <!-- 外层div --> <div ref=arrbox :style={width:`${width}px`,'min-height':`${height}px`...

vue2学习笔记——vue2watch

发布时间:2022-11-28 学习 VUE VUE2学习笔记
一. watch使用的几种方法 1、  通过  watch  监听  msg 数据的变化。 watch: { msg(oldValue, newValue) { console.log(oldValue) console.log(newValue) }}   2、通过  watch  监听  obj 数据的变化。(深度监听 deep) data() { return { obj: { 'name': 王, ...

vue 组件递归方法

发布时间:2022-11-30 VUE ES6 JAVASCRIPT VUE.JS 前端 WEB
遇到那种嵌套层数不知道的数据 很头疼的,目前为了解决头疼的方法就是vue组件递归方法。说白了就是自己调用自己。下面的案例是vue3语法环境,复制粘贴可以在调整到vue2的环境,代码直接复制使用。 child.vue <template> <div :style={paddingLeft: level * 20 + 'px' }> <div class=Title>{{ options.title }}</div> &...

element-plus:el-table展开图标替换

发布时间:2022-11-30 前端 CSS VUE.JS ELEMENT-PLUS VUE ELEMENTUI
展开图标被放在类el-table__expand-icon当中 操作步骤 首先将展开图标隐藏 .el-table__expand-icon>.el-icon{ display:none !important;} 然后将自己准备的图片放入el-table__expand-icon当中 .el-table__expand-icon { content: url('图片路径') !important} 此方法适用于el-table组件的展开行或展开子级的图标替换...

Springboot+JWT+SpringSecurity+Vue+Redis 前后端分离登录(2前端)

发布时间:2022-11-30 VUE SPRINGBOOT SPRING BOOT VUE.JS 前端
 后端接口测试成功后只需要对接前端,首次登录成功后将后端传递的token利用vuex相关知识进行存储,在全局请求拦截器前添加相应的token 前端跨域 const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ transpileDependencies: true})module.exports = { devServer: { //记住,别写错了devServe...

JS数组去重常见方法

发布时间:2022-11-28 UNIAPP VUE.JS JAVASCRIPT UNI-APP VUE 前端 JS
JS数组去重常见方法 利用set进行数组去重的方法 Set是ES6新提供的数据结构,类似于数组,但是本身没有重复值。利用这一特性,我们可以将数组转为Set类型进行去重,然后使用Array.from方法将其再转为数组。 Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。 function newArr(arr) { return Array.fro...

uniapp的安装与基础

发布时间:2022-12-04 VUE 小程序 UNI-APP 微信小程序
解释 由dcloud 公司开发的 多端融合框架 1次开发 多端运行 竞品:apiCloud ,appCan ,Codova 技术架构 Vue语法+小程序的api Hybrid混合开发端 App端 - HTML+ - nvue(原生view) - native.js(js原生沟通的桥梁) - weex - 内置ios/安卓的模块使用H5端 - h5专用api 各种小程序(微信为主) 准备工具 Hbuilderx (开发与编译工具)微信小程序开发工具(微信小程序预览测试)安卓模拟器/真机...

【项目_01】搭建项目基本框架、底部tabbar、头部banner | 旅途拾景 | 基于Vue3全家桶

发布时间:2022-11-28 VUE VUE3项目 JAVASCRIPT 前端框架 VANT VUE.JS 前端
💭💭 ✨:搭建项目基本框架、底部tabbar、头部banner| 路途拾景 | 基于Vue3全家桶   💟:东非不开森的主页   💜: 因为很多东西来不及去做去看可是时间很快总是赶不上,所以要去成长呀💜💜   🌸: 如有错误或不足之处,希望可以指正,非常感谢😉   前言 💜💜💜 前言:这个项目之前有跟着老师做过一遍,但是对里面很多知识、还有逻辑并不是很清晰、跟着做的时候总会想当然的会。所以想要再做一遍,这一遍我是先自己跟着自己想法能做多少是多少,然后再看老师视频来对比一下自己的,当然不会的也会看...