前端学习之路—Vue

基于java与vue的生鲜物流系统的设计与实现-计算机毕业设计源码13339

摘要生鲜产品易于腐烂、难贮存、不易长时间运输，生产者所面临的市场风险很大，很多生鲜产品无法实现“货畅其流”和“物尽其值”，适宜的生鲜产品物流体系就显得尤为重要。本文将广东省生鲜产品物流体系的构建作为一个例子进行系统研究。首先对其物流发展的现状进行分析，探寻制约其发展的因素，并在此基础上构建广东省生鲜产品物流体系，这对解决生鲜产品供给与消费之间的矛盾，提高生鲜产品竞争力，增加商家的收入有重要意义。同
v_cxsj813·2024-01-29 22:08

VUE项目搭建

vue项目搭建选择程序放置的文件夹，在路径栏中输入cmd，再按回车打开命令行窗口在命令行中输入以下内容vuecreatethreejs选择vue3默认创建完成之后的界面是这样打开创建好的工程项目，在package.json
言馨·2024-01-29 22:06

uniapp-v3组合式语法-data实现

在vue选项式风格中,data数据是放置在exportdefault导出的对象中的一个data方法里面返回exportdefault{//data()返回的属性将会成为响应式的状态//并且暴露在`this
Qayrup·2024-01-29 21:13

VUE&Element

文章目录VUE&Element1，VUE1.1概述1.2快速入门1.3Vue指令1.3.1v-bind&v-model指令1.3.2v-on指令1.3.3条件判断指令1.3.4v-for指令1.4生命周期
TryAgain-·2024-01-29 21:04

nodejs下载介绍

各个开发人员各司其职来完成整个项目的构建但是实际开发的话前端也是分成了很多部分比如下图那么我们就用到了对应的快捷生成一个前端项目的工具，nodejs携带的脚手架下载步骤大家可以直接去看这位佬的讲解，非常的全面，本人亲测非常的好用Node.js脚手架安装配置、Vue
菜鸟小木·2024-01-29 21:03

Vue知识入门汇总加全概括分享

一：前言部分今日分享技术网站介绍—Vue.js这个是vue.js的网站官方，大家可以去看看，下面开始讲述二：vue介绍与安装介绍vue是前端的操作dom对象实现数据改变时候的框架主要的就是对应的mvvm
菜鸟小木·2024-01-29 21:33

Vue-43、Vue中组件自定义事件

1、给学生绑定atguigu事件2、在组件内触发事件第二种写法传多个参数。解绑解绑一个事件解绑多个自定义事件this.$off(['xxx1','xxx2']);解绑所有事件this.$off();总结
一叶飘零晋·2024-01-29 21:51

Vue-41、浏览器本地存储

1、localstoragelocalStoragelocalStorage点我保存一个数据点我读取一个数据点我删除一个数据点我清空所有数据letperson={name:'张仨',age:18};functionsaveData(){localStorage.setItem('msg','hello');localStorage.setItem('msg2',666);localStorage.
一叶飘零晋·2024-01-29 21:20

Vue-38、Vue中插件使用

1、新建plugins.js文件2、可以在plugins.js定义全局过滤器定义全局指令定义混入给vue原型上添加一个方法exportdefault{install(Vue){console.log("
一叶飘零晋·2024-01-29 21:50

[每天进步一点点~] vue uni-app 计算属性computed和监听watch

uni-app页面计算属性不需要在data中定义计算属性Originalmessage:"{{message}}"Computedreversedmessage:"{{reversedMessage}}"a+b={{testFun}}exportdefault{data(){return{message:'Hello',a:1,b:2,}},computed:{//计算属性的getterrever
WYL_99·2024-01-29 20:20

CentOS7/8系统下，使用Jenkins实现SpringBoot+Vue前后端分离项目持续集成，一键编译打包跨设备部署，完整详细教学演示

Win10+CentOS7/8操作系统下，使用Jenkins实现SpringBoot+Vue前后端分离项目持续集成，从GitLab拉取代码，一键编译打包，跨服务器部署（阿里云服务器，物理服务器，虚拟机下亲测
MurrayLaw·2024-01-29 20:19

Spring Cloud + Vue前后端分离-第14章 项目优化

源代码在GitHub-629y/course:SpringCloud+Vue前后端分离-在线课程SpringCloud+Vue前后端分离-第14章项目优化14-1项目初始化1.增加readme.md，添加项目介绍
赵同学&·2024-01-29 20:19

不愧是Alibaba出品，这份Vue+Spring Boot前后端分离开发实战手册也太强了

针对这3个方面的需求，阿嘴找到了这份“Vue+SpringBoot前后端分离开发实战手册。”本手册有三大特点：注重实战应用。
该用户快成仙了·2024-01-29 20:19

Spring Cloud + Vue前后端分离-第15章 课程总结

源代码在GitHub-629y/course:SpringCloud+Vue前后端分离-在线课程SpringCloud+Vue前后端分离-第15章课程总结重点难点梳理环境的搭建代码生成器文件上传和视频播放通用权限设计学习技巧养成做笔记的习惯养成阶段性提交代码的习惯问答区多交流
赵同学&·2024-01-29 20:17

免费分享一套微信小程序外卖跑腿点餐(订餐)系统(uni-app+SpringBoot后端+Vue管理端技术实现) ，帅呆了~~

大家好，我是java1234_小锋老师，看到一个不错的微信小程序外卖跑腿点餐(订餐)系统(uni-app+SpringBoot后端+Vue管理端技术实现)，分享下哈。
java1234_小锋·2024-01-29 20:42

Python开发毕业第六篇（Python+Django）外卖点餐系统

文章目录1、功能介绍2、界面预览3、自我介绍1、功能介绍（1）平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。
清风与酒111·2024-01-29 20:42

Python+Vue计算机毕业设计校园外卖配送系统9ie19（源码+程序+LW+部署）

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程项目运行环境配置：Python3.7.7+Django+Mysql5.7+piplist+HBuilderX（Vscode也行）+Vue+Pychram
屹山Java程序源码·2024-01-29 20:11

vue中使用 canvas给页面添加水印

封装公共添加水印的方法://utils/watermark.js/**入参：@text:传入水印需要展示的文本;@renderDom:要给哪个元素加水印，默认body；*/varwatermark={}varsetWatermark=function(text,renderDom=document.body){varid='1.23345566.3333344';if(document.getEl
不能懒鸭·2024-01-29 19:05

基于vue3+ts+vite封装的动态表单，支持手动编辑生成页面表单配置并渲染使用，所有源码都在文章中

效果图一、第一个文件index.vue，也就是表单生成器的根页面importaxiosfrom'axios'import{ref,reactive}from'vue'importformRenderfrom
jsmeng626·2024-01-29 19:04

vue中使用canvas添加各类水印

vue使用canvas绘制文字水印背景1、写watermarker.js文件/**水印添加方法*/constsetWatermark=(str1,str2)=>{constid='1.23452384164.123412415
Study_Live_Sun·2024-01-29 19:34

vue上传图片加水印；js上传图片添加水印；vue给图片添加水印；canvas图片添加水印；canvas画布导出图片

uni-app微信小程序图片加水印，点击看这篇需求场景：要求上传图片，并给图片添加水印。传给后端的也是有水印的图片。逻辑步骤：通过input上传图片，拿到图片的信息和base64，将图片绘制到画布上，在画布上添加文字（既水印），最后将画布导出成图片，得到的src就是一张有水印的图片。文末代码可直接复制使用！！！此代码可直接复制使用！！！有效的记得点个赞收藏支持下！原图base：{{imgsrc}}
i_am_a_div_日积月累_·2024-01-29 19:34

vue中使用canvas给图片绘制水印，即使下载图片也是带水印的

先看效果话不多说直接上组件1、Watermark.vueexportdefault{props:{//图片地址url:{type:String,required:true,default:'https:
jsmeng626·2024-01-29 19:04

Vue3 Element-plust表格导出excel文件

安装插件：npmijs-table2excel引入插件：importtable2excelfrom"js-table2excel";table收集数据：consthandleSelectionChange=(val:User[])=>{//收集选中的数据multipleSelection.value=val;};导出excel文件：letarr=[{title:"名称",//名字自定义key:"n
茶已微凉ノ·2024-01-29 19:19

Vue学习之使用开发工具创建项目、gitcode管理项目

Vue学习之使用开发工具创建项目、gitcode管理项目翻阅与学习了vue的开发工具，通过对比最终采用HBuilderX作为开发工具，以下章节对HBuilder安装与基础使用介绍1.HBuilder下载从
ciku·2024-01-29 19:18

Vue学习之nodejs环境搭建中的坑

Vue学习之nodejs环境搭建中的坑1.nodejs安装后环境变量配置（1）在nodejs安装目录下已有node_cache、node_global，如下：（2）在系统属性->环境变量中新建一个名为NODE_PATH
ciku·2024-01-29 19:17

【Uni-App】Vue3如何使用pinia状态管理库与持久化

安装插件pinia-plugin-unistorage引入//main.jsimport{createSSRApp}from"vue";import*asPiniafrom"pinia";import{
RisunJan·2024-01-29 19:42

vue3.0性能优化点之静态标记(PatchFlag)

关注Vue3源码库的童鞋应该有注意到,2021.11月2号Vue更新到了3.2.21版本,自Vue3发布以来,一直在不断的迭代完善着,Vue3的GitHub仓库已有25.7kStar,主流UI框架如:AntDesignofVue
Ashley的成长之路·2024-01-29 18:34

win10开放端口、vue局域网访问

在vue项目中，启动之后，可以看到两个访问网址，一个本地访问地址（Local），一般为http://localhost:8080/还有一个是局域网访问网址(Network)，一般是http://你本机的
Ashley的成长之路·2024-01-29 18:34

vue i18n+element +lockr 实现语言切换 国际化

在一些项目中需要做国际化，即显示语言切换，最常见的就是中英文切换，基于vue前端框架、结合element+vue-i18n即可实现，同时使用vue的本地存储插件lockr记录语言状态，可以防止因为刷新而丢失语言状态
Ashley的成长之路·2024-01-29 18:34

vue数组的深克隆和浅克隆

在开发过程中，前端获取到后端的数据之后，通常直接复制后就使用，比如：var_data=res.data;//浅克隆data是一个数组这就是浅克隆的写法，因为后端返回的data是一个数组，而数组是引用数据类型（自行了解基本数据类型和引用数据类型）如果我们接下来的代码对_data进行的处理操作，res.data也会一起改变，这是因为浅克隆，克隆的是一个地址，而不是实际变量值。下面我用我的实际项目，演示
Ashley的成长之路·2024-01-29 18:04

vue调试神器devtools的使用

1、下载插件官方推荐的仓库从克隆、安装到编译会遇到各种报错，我直接把编译好的vue-devtools.crx放在了百度盘上，可直接下载插件下载链接：链接:https://pan.baidu.com/s/
Ashley的成长之路·2024-01-29 18:04

Vue2 VS Vue3 生命周期

一、生命周期的概念Vue组件实例在创建时要经历一系列的初始化步骤，在此过程中Vue会在合适的时机，调用特定的函数，从而让开发者有机会在特定阶段运行自己的代码，这些特定的函数统称为：生命周期钩子（也会叫生命周期函数
Ashley的成长之路·2024-01-29 18:30

【Vue6】自定义事件

本来这一章也觉得没有必要写的，但是看了一下，还是写一些吧，免得有些地方万一忘记了，还能回到这里来找找是因为什么原因出错。如图所示这里的handleClick事件不会触发，无论怎么点击都不会触发，和上一章有一点点区别，上一章的@click是写在了组件内的Template里，这里是直接写在组件上。当给一个组件绑定了事件时，实际上这个事件绑定的是一个自定义的事件，真正的鼠标点击触发的事件并不是绑定的cl
八宝君·2024-01-29 18:59

深入理解vue相关的底层原理

keep-alive组件的作用及原理keep-alive是Vue提供的一个内置组件，在组件切换过程中将状态保留在内存中，防止重复渲染DOM。
前端fighter·2024-01-29 18:24

Vue自定义指令directive

Vue自定义指令directive指令的作用：操作DOM。
learninginto·2024-01-29 18:21

vue不同环境下调不同的接口的实现记录

首先在prod.env.js文件中定义不同环境下的接口地址consttarget=process.env.npm_lifecycle_event;if(target=='online'){//线上varobj={NODE_ENV:"'production'",//post用当前域名API_ROOT:"'http://www.baidu.com'"}}else{//测试varobj={NODE_EN
chouchou723·2024-01-29 18:07

#Vue3篇：defineExpose()可以通过 `defineExpose` 编译器宏来显式指定在 `＜script setup＞` 组件中要暴露出去的属性：

可以通过defineExpose编译器宏来显式指定在组件中要暴露出去的属性：vueimport{ref}from'vue'consta=1constb=ref(2)defineExpose({a,b})
前端xiaolibao·2024-01-29 18:30

#Vue3篇：defineProps---withDefaults&& Vue3 中，有以下几种属性或函数不需要手动引入即可直接使用：

reactive({})definePropsimport{defineProps}form'vue'import{typepersons}from'@/types'letprops=defineProps
前端xiaolibao·2024-01-29 18:27

this.$set()用法，强制刷新，新删改查

$set是Vue中的一个方法，用于在响应式对象上设置新的属性或修改已有的属性，强制刷新并确保这些属性也是响应式的。定义数据对象：obj:{name:"小明",age:18,},基本语法：this.
痴心阿文·2024-01-29 18:53

vue 封装表单

临时写的，不够成熟，如果有更好的，希望能让小弟白嫖一下，谢谢大佬们//需要使用的页面/***@users_genre判断不同表单*@users_list数据源*/1?item.placeholder.split('|')[[item.genre.split('|').indexOf(users_genre)]]:item.placeholder":disabled="item.disabled"@
SmallLXin·2024-01-29 17:44

vue2 表单类的封装

App.vueimportBaseSelectfrom'.
知远同学·2024-01-29 17:43

基于springboot+vue的医院管理系统(前后端分离)

博主主页：猫头鹰源码博主简介：Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战主要内容：毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询文末联系获取研究背景：如今互联网高速发展，网络遍布全球，通过互联网发布的消息能快而方便的传播到世界每个角落，并且互联网上能传播的信息也很广，比如文字、图片、声音、视频等。从
猫头鹰源码(同名B站)·2024-01-29 17:12

vue分页 对el-pagination进行二次封装

分页组件Paginationexportdefault{name:"Pagination",props:{total:{required:true,type:Number,},page:{type:Number,default:1,},per_page:{type:Number,default:20,},pageSizes:{type:Array,default(){return[10,20,30
_不是惊风·2024-01-29 17:41

el-pagination分页组件的封装

Pagination.vue页面exportdefault{name:'Pagination',components:{},filters:{},props:{pageNo:{type:Number,required
MingT 明天你好！·2024-01-29 17:41

vue+element项目全局注册el-pagination分页组件和el-upload上传组件并使用

目录前言正文一、分页组件1.1封装方法1.2调用方法二、上传组件2.1封装方法2.2调用方法三、vue中全局注册组件3.1全局导入3.2在main.js中引入文件3.3在其他.vue单页面直接引入组件，
jcat_李小黑·2024-01-29 17:11

vue3 el-pagination 将组件中英文‘goto’ 修改 为 中文到‘第几’

效果如图：要求：将英文中Goto改为到第几操作如下：//注意：这是重要部分//在调用分页组件el-pagination的页面：import{ElConfigProvider}from'element-plus'importzhCnfrom'element-plus/es/locale/lang/zh-cn';zhCn.el.pagination.goto="到第"
PXY_J·2024-01-29 17:10

Vue3+Element Plus+TS 项目利用 el-pagination 封装公共的分页组件

注：项目采用最新的Vue3setup语法糖效果展示封装前封装后代码实现Pagination.vue子组件0"class="flexjustify-end":background="background"
漓°·2024-01-29 17:10

vue项目 将el-pagination封装成公用分页组件

组件页面index.vueexportdefault{name:'Pagination',props:{total:{required:true,type:Number},page:{type:Number
王等等csdn·2024-01-29 17:40

【vue-element-admin】--Pagination分页组件设置

【vue-element-admin】--Pagination分页组件设置一、参考资料一、涉及到的文件1、//src/utils/scroll-to.js2、//src/components/Pagination
骨月·2024-01-29 17:40

vue3中使用echarts的子组件接收父级传来参数，并重新渲染 +++watch监听的用法

/echarts/heightChart.vue"constprops=defineProps({equipmentReal:{type:Object,default:function(){return
PXY_J·2024-01-29 17:10
上一页 113 114 115 116 117 118 119 120 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他