Vue前端

零基础VUE.js学习笔记 基础篇

笔记整理来源B站up主黑马程序员B站黑马程序员快速入门vue前端适合初学者入门vue.js，该文是基础篇基础篇包括课程中的Vue基础和本地应用环节后续会更新进阶篇，包括网络应用和综合应用文章目录VUE.JS
康康爱吃肉·2022-04-30 16:38

Vue前端工程化-模块化

1-模块化概述传统开发模式的主要问题：①命名冲突，②文件依赖通过模块化解决上述问题：模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护2-大一统的模块化规范-ES6模块化1.ES6模块化ES6模块化出现之前，浏览器端和服务器端的模块化是不同的，如下：浏览器
Imkata·2022-04-26 16:07

Vue前端后端的交互方式 axios

目录语法数据请求封装前言：大家都知道,只要进行数据交互,肯定就要去请求接口,数据请求的方式有vue-resourceaxiosfetch等方式进行数据集请求1，vue-resource：官方出品，在vue2x之后已经停止更新2，axios：第三方数据请求库3,fetch：是JavaScript最新标准出的一个数据请求方式今天跟大家谈谈我们最熟悉,也是最常用的axios安装：npminstall--
·2022-04-25 09:43

Vue前端如何实现与后端进行数据交互

目录vue前端与后端数据交互安装在main.js文件引入使用启动vue和前后端连接直接上图vue前端与后端数据交互安装npminstallaxios--save在main.js文件引入importAxiosfrom'axios
·2022-04-21 12:07

vue前端信息详情页模板梳理详解

本文实例为大家分享了vue前端信息详情页模板的梳理，供大家参考，具体内容如下前言：自己总结方便自己用的，觉得有用可以参考使用，欢迎留言提出改进意见。
·2022-04-19 16:01

Vue请求后端接口导出excel表格方式

目录vue请求后端接口导出excel调用后端接口导出excel无效果,直接访问后端url可以controller层代码serviceImpl代码导出模板路径工具箱代码vue前端写法vue请求后端接口导出
·2022-04-07 12:15

基于Vue开发的门户网站展示和后台数据管理系统

本篇随笔主要以实际应用场景为例介绍一些Vue前端技术的拓展，供大家参考学习。
伍华聪·2022-04-07 11:00

VUE项目学习系列博文

VUE项目学习系列博文1、VUE2.0项目学习（1）VUE项目学习（一）：搭建VUE前端项目（2）VUE项目学习（二）：学习项目文件结构（3）VUE项目学习（三）：win10版nginx部署vue项目（
一方通行00·2022-04-03 13:52

Vue前端技术实现文件预览（word、excel、pdf、ppt、mp4、图片、文本）

目录Vue前端技术实现文件预览（word、excel、pdf、ppt、mp4、图片、文本）实现方案docx文件实现前端预览
小湾生产队队长·2022-04-03 13:16

vue前端node内存溢出问题解决

前端项目运行时，如果经常运行慢，崩溃停止服务，报如下错误：FATALERROR:CALL_AND_RETRY_LASTAllocationfailed-JavaScriptheapoutofmemory（JavaScript堆内存不足）前台报错原因：因为在Node中，通过JavaScript使用内存时只能使用部分内存（64位系统：1.4GB，32位系统：0.7GB），这个时候，如果前端项目非常的庞
Abrahamszj·2022-03-27 10:27

前后端分离，springboot项目后台解决跨域，Vue前端Axios操作

1、后台解决跨域问题前后端分离，遇到跨域问题，java中的解决方案，前端不需要做跨域问题解决，后端去解决跨域问题。只要在项目中添加一个过滤器就可以了，代码如下：packagecom.example.filter;importorg.slf4j.Logger;importorg.slf4j.LoggerFactory;importorg.springframework.stereotype.Comp
无书清书·2022-03-20 00:12

vue前端判断当前是PC端还是手机端，跳转不同页面

一、html设置标志位ismOrpc，如果ismOrpc为PCoperation代表当前是PC端，显示对应的组件，否则显示手机端的组件。二、Jscreated(){if(this._isMobile()){//手机端this.ismOrpc='Moperation'//设置remwindow.onload=function(){getRem(750,100)};window.onresize=fu
Elaine Cc·2022-03-16 09:24

从0搭建一个Springboot+vue前后端分离项目（宝塔面板 云服务器上线）

p=2gitee源码：https://gitee.com/web-paul/springboot-vue第一部分：vue前端目录：一、assets目录：引用了一个全局css样式，最后在main.js引入即可
Cabbage coder·2022-03-14 03:57

springboot+vue+shiro前后端分离未登录用户只能访问登录页面

就是用户登录完后台会传一个token给前端，前端token值为空则跳转到登录页面shiro+springboot+vue初次使用1依赖关系2后端代码shiro配置验证规则过滤器配置token登录登出请求3vue
菜蜗牛很菜·2022-03-14 03:56

跟着狂神学Vue

跟着狂神学Vue前端核心分析Vue的核心库只关注视图层，方便与第三方库或既有项目整合。
未名湖畔种千玺·2022-03-13 14:03

vue前端路由以及vue-router两种模式实例详解

目录前言1、什么是前端路由（1）后端路由阶段（2）前后端分离路由阶段（3）单页面应用阶段2、vue-router提供了hash和history两种路由模式（1）hash模式（2）history模式（3）两种模式的比较补充：路由模式解析总结前言路由这个概念最早在后端出现，随后前后端分离，直至当今的单页面应用，路由也在一直发生变化。本文来总结一下路由变化和vue-router中的路由模式区别相关知识点
·2022-03-06 16:00

Vue前端技术知识整理

VueJS第一步，安装node.js安装包下载地址：https://nodejs.org/en/安装包下载安装完成后，在命令行使用node-v查看node版本，判断是否安装成功。第二步，安装vue脚手架安装淘宝镜像：npminstall-gcnpm--registry=https://registry.npm.taobao.org安装webpack：[email protected]
amingMM·2022-03-05 08:41

vue前端HbuliderEslint实时校验自动修复设置

目录HBuilderX中ESLint插件安装自定义eslint-js规则注意事项不管是多人合作还是个人项目，代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误，ESLint是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。HBuilderX中ESLint插件安装HBuilderX包含4款语法校验插件，htmlhint,stylelint,eslint-plug
·2022-02-23 11:56

VUE中 axios请求失败，TypeError: Cannot set property 'xxxxx' of undefined

vue前端开发中，使用axios请求后台报错，源码如下：axios.get(url).then(function(response){this.storm=response.data.result;console.log
8金木研8·2022-02-21 16:19

基于maven插件实现vue前端工程打包

基于maven插件实现vue前端工程打包一、问题背景公司项目管理平台为前后端分离框架，前端工程系基于vue-admin框架实现。
kuailefangyuan·2022-02-21 10:06

Vue前端从入门到精通（一）

以单文件的方式启动单文件就是以*.vue结尾的文件，最终通过webpack也会编译成*.js在浏览器运行内容：++1、template中只能有一个根节点2.x2、script中按照exportdefault{配置}来写3、style中可以设置scoped属性，让其只在template中生效webpack找人来理解单文件代码vue-loader,vue-template-compiler，代码中依赖
MsterKerrigan·2022-02-21 08:29

GPS定位系统(四)——Vue前端

前言GPS系列——Vue前端，github项目地址前面已经学习了Android、Java端的代码实现，现在开始介绍网站前端vue的管理框架。
Jafir·2022-02-21 07:54

从0搭建基于Webpack4的Vue前端脚手架

前言今天的内容是如何从零搭建基于Webpack4的Vue前端脚手架，如有问题，欢迎来交流啊！
迦叶凡·2022-02-19 21:11

GPS定位系统(四)——Vue前端

前言GPS系列——Vue前端，github项目地址前面已经学习了Android、Java端的代码实现，现在开始介绍网站前端vue的管理框架。
Jafir·2022-02-16 03:28

Vue前端开发规范

Vue前端开发规范文档目录Vue前端开发规范文档一、概述二、方针三、环境要求四、编码规范4.1HTML/Template编码规范4.1.1语法4.1.2HTML5doctype4.1.3语言属性4.1.4
**星晴*·2022-02-15 09:10

环境搭建(2019-1-29)

前端环境Vue前端我们选择用VueCli3这个框架。安装Vue环境较为简单，网上也有很多教程，我在这里就大致说一下，不懂的可以参考我的另一篇文章。一、安装Node.js(LTS)官网下载安
路边讨代码的流浪汉·2022-02-05 11:45

微信支付-java实现微信支付-后端篇

微信支付系列文章微信支付-java后端实现微信支付-vue前端实现javademo:下载地址文章底部技术栈SpringbootjavaXML(微信在http协议中数据传输方案)MD5签名微信支付术语openid
浮生一境·2022-02-05 03:07

Spring Boot之前后端分离（一）：Vue前端

前言来啦老铁，国庆中秋双节快乐！！！笔者学习SpringBoot有一段时间了，附上SpringBoot系列学习文章，欢迎取阅、赐教：5分钟入手SpringBoot;SpringBoot数据库交互之SpringDataJPA;SpringBoot数据库交互之Mybatis;SpringBoot视图技术;SpringBoot之整合Swagger;SpringBoot之junit单元测试踩坑;如何在Sp
狄仁杰666·2022-02-04 21:30

详解Vue返回值动态生成表单及提交数据的办法

目录主要解决的问题一、后端返回的数据，提交到后端的数据格式如下：二、vue前端代码如下：总结主要解决的问题1、vue在循环的时候需要动态绑定不同的v-model；vue动态的表单，数据怎么绑定呢？
·2022-02-04 15:58

一篇文章告诉你如何实现Vue前端分页和后端分页

目录1：前端手写分页(数据量小的情况下)2：后端分页，前端只需要关注传递的page和pageSize总结1：前端手写分页(数据量小的情况下)前端需要使用slice截取：tableData((page-1)pageSize,pagepageSize)2：后端分页，前端只需要关注传递的page和pageSize3：前端手写分页按钮排序用户姓名用户性别所在城市{{num(i)}}{{params.pag
·2021-12-31 19:26

Vue+SpringBoot实现支付宝沙箱支付的示例代码

首先去下载支付宝沙箱的一系列东西，具体的配置什么的我就不说了，有很多博客都讲了，还有蚂蚁金服官方也说的很详细，我就直接说怎么样把后端的支付页面显示到Vue前端来：在你配置好AlipayConfig这个文件后
·2021-12-23 16:01

vue前端权限管理

根据token处理主页的访问权限问题（获取token以后的处理）如果经完成了登录的过程，并且存储了token，但是此时主页并没有因为token的有无而被控制访问权限权限拦截的流程图.png//权限拦截导航守卫路由守卫routerimportrouterfrom'@/router'//引入路由实例importstorefrom'@/store'//引入vuexstore实例importNProgre
姑苏_慕容博·2021-12-18 16:39

vue项目中使用rem替换px的实现示例

所以不用px;根字体：字体的大小px;px：你就当成cm(厘米)这样的东西吧；基准：750设计稿（一般UI设计师给的都是750的设计稿）；工具vue-cli:使用脚手架来搭建vue前端项目postcss
·2021-12-06 11:04

操作系统课程设计——处理机和进程调度算法及内存分配回收机制

本文代码地址链接：操作系统课程设计Flask后端代码：https://github.com/lxy764139720/OS_experiment操作系统课程设计Vue前端代码：https://github.com
还没有女朋友的执念·2021-12-02 19:00

Vue前端开发规范

基于Vue官方风格指南整理一、强制组件名为多个单词组件名应该始终是多个单词的，根组件App除外。正例：exportdefault{name:'TodoItem',//...}复制代码反例：exportdefault{name:'Todo',//...}复制代码组件数据组件的data必须是一个函数。当在组件中使用data属性的时候(除了newVue外的任何地方)，它的值必须是返回一个对象的函数。正例
·2021-11-27 10:37

Vue前端打包的详细流程

目录1、添加打包命令2、运行打包代码3、打包指定不同的环境变量4、打包自定义文件4.1移除三方包4.2gzip压缩5、打包发生错误：1、添加打包命令package.json中添加配置npmrunbuild发布到线上的代码不便于调试命令：①npmrunbuild:dev开发调式环境②npmrunbuild:prod线上调试环境"build:dev":"vue-cli-servicebuild--mo
·2021-11-22 01:50

mqtt消息推送（vue前端篇）

MQTT是一种基于发布/订阅（publish/subscribe）模式的"轻量级"通讯协议，该协议构建于TCP/IP协议上，由IBM在1999年发布。MQTT最大优点在于，可以以极少的代码和有限的带宽，为连接远程设备提供实时可靠的消息服务。作为一种低开销、低带宽占用的即时通讯协议，使其在物联网、小型设备、移动应用等方面有较广泛的应用。一.引入mqttnpminstallmqtt-g二.使用1.注册
·2021-11-16 17:49

vue 前端项目部署阿里云服务器

vue前端项目部署阿里云服务器one前期准备two代码打包扔服务器one前期准备首先两个软件应该下载(XftpXshell),如果有其他类似的软件也可以。
贾先生&王女士·2021-11-11 16:27

vue前端打包更新后客户端自动更新

vue单页面网页端项目前言（缓存）项目之前已经通过webpack打包的时候都会把静态资源文件名加个哈希后缀，且index.html中引入的时候也加了相应的哈希后缀，这样每次打包都会是最新的，index.html文件也通过Nginx添加了不缓存配置场景需求已经上线的项目要配合后端更新前端逻辑、修改某个功能。根据前面的说的客户新进入的不用考虑肯定是最新的代码，问题就出现在正在使用网站的用户代码没有更新
略懂前端萌新·2021-11-08 17:11

一篇文章带你搞懂VUE基础知识

目录VUE是什么Vue中的核心插件VueRouterVuexaxioselement-uiVue前端整体架构总结VUE是什么Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。
·2021-11-02 18:38

在Vue前端界面中，几种数据表格的展示处理，以及表格编辑录入处理操作。

在Vue前端项目中，我这里主要是基于Vue+Element的开发，大多数情况下，我们利用Element的表格组件就可以满足大多数情况的要求，本篇随笔针对表格的展示和编辑处理，综合性的介绍几款表格组件的展示和处理效果
伍华聪·2021-10-29 17:00

Vue前端如何实现生成PDF并下载功能详解

目录1.安装及引入2.封装导出pdf文件方法配置详解封装导出pdf文件方法（utils/htmlToPdf.js）相关组件中应用效果待优化部分总结思路：通过html2canvas将HTML页面转换成图片，然后再通过jspdf将图片的base64生成为pdf文件。1.安装及引入//将页面html转换成图片npminstallhtml2canvas--save//将图片生成pdfnpminstallj
·2021-10-10 08:02

vue前端开发辅助函数状态管理详解示例

目录mapStatemapGettersmapMutationsmapActions示例小结mapState当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用mapState辅助函数帮助我们生成计算属性。不使用mapState时，获取对象状态，通常放在使用组件的computes属性中，使用方式为：//....computed:{count:f
·2021-10-09 19:21

vue前端开发层次嵌套组件的通信详解

目录前言示例小结前言vue父子组件之间通过props很容易的将父组件的值传递给子组件，如果一个组件嵌套很多层，每一层之间度需要同props进行传值，很麻烦，且不易维护示例【示例】A组件中使用了B组件，B组件中使用了C组件，C组件需要使用A组件的数据text及使用A组件的方法getmethod。A组件代码如下：这是A组件importcomBfrom'@/view/comB.vue'exportdef
·2021-10-09 19:21

vue前端开发keepAlive使用详解

目录前言keep-avlive钩子函数keep-avlive缓存哪些组件小结及注意事项前言keep-alive是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。使用方式为这里的component会被缓存。keep-avlive钩子函数被包含在keep-alive中创建的组件
·2021-10-09 19:20

关于SpringBoot与Vue交互跨域问题解决方案

目录浏览器同源策略一、VUE前端配置代理解决跨域（1）Vue中让浏览器请求携带cookie（2）vue中配置代理解决跨域第一步，设置统一访问路径第二步、配置跨域代理第三步、测试请求二、springboot
·2021-10-08 14:35

SpringBoot+Vue前后端分离项目的搭建及简单开发（这次保证看明白~）

文章目录概述一、搭建SpringBoot后端1.sql脚本2.新建SpringBoot项目3.MP代码生成4.编写Controller二、搭建Vue前端1.IDEA安装Vue.js插件2.IDEA启动Vue
我真的不菜·2021-10-07 11:29

❤️《Vue前端基础框架集合从入门到高级》（小白也可学，建议收藏）❤️

《Vue前端基础框架集合从入门到高级》，小白也可学文章目录《Vue前端基础框架集合从入门到高级》，小白也可学❤️一、前端核心分析❤️1.1、概述❤️1.2、前端三要素❤️1.3、结构层（HTML）❤️1.4
七元K·2021-09-20 10:22

Vue前端导出Excel文件的详细实现方案

目录一、技术选型二、技术实现使用vue-json-excel插件实现1.安装vue-json-excel依赖2.注册插件到vue实例3.使用方式基于sheetJS-xlsx解析器的xlsx-style实现（推荐）1.安装依赖2.使用方法三、参考资料总结一、技术选型1.使用vue-json-excel插件实现优点：简单便捷，易上手，开箱即用；缺点：不支持excel表格样式设置，且支持功能比较单一；2
·2021-09-13 19:50

记录一些自己Vue前端开发中容易犯的问题

问题1.点击事件和v-model共同存在于input标签上，尽量不要在事件函数中修改v-model的值。：因为v-model本身是双向的，不仅程序修改值可以影响前端网页，前端网页用户进行交互也能影响程序中的值。当用户点击选项时，其实v-model已经将值给修改了，这时候再去修改值其实就效果就重复了，等于修改了两次，因此若是input上有绑定点击事件来修改值，那么我们就将v-model换成原来的va
·2021-09-11 18:13
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他