Vue实践

vue实践局部组件需求-投票

vue实践局部组件需求-投票投票局部组件实践和组件之间的嵌套：1.搭建结构（html+css布局）2.在组件标签中拆分成多个局部组件3.删除第一步的搭建结构（html+css布局）代码4.在组件中调取渲染使用
公子清·2024-02-15 05:04

vue实践：构建高效的电子签名功能

前言在现代数字化时代，电子签名成为了一种方便、高效且安全的签署文件的方式。本文将介绍电子签名的原理和实现方法，帮助你快速掌握这一重要的工具。电子签名是什么？电子签名是一种数字化的签名方式，用于验证和确认电子文档、合同或其他电子信息的真实性和完整性。它是传统纸质签名的数字化替代品，具有更高的效率、便捷性和安全性。大家看下面这个例子就会一目了然了。一、手动实现一个简单的电子签名下面的示例中，我们使用了
水星记_·2024-01-30 23:36

VUE实践优化：轮询机制与代码结构升级

前言我们之前探讨过，对于包含处理状态的表格数据，我们可以通过轮询的方式进行处理（轮询更新进度条：JavaScript中的定时器和异步编程技巧）。然而，当我们离开页面时，定时器仍会继续触发请求，这会造成资源的浪费，因为返回的数据并没有被渲染出来。为了解决这个问题，我们需要实现以下要求：最多只能同时存在一个轮询的定时器。当用户离开页面时，定时器应被关闭。当用户重新进入页面时，如果仍有数据正在处理中，应
Leviash·2023-12-20 09:18

vue实践，全副武装你的前端项目

接口模块处理1.1axios二次封装这里封装的依据是后台传的JWT，已封装好的请跳过。importaxiosfrom‘axios’importrouterfrom‘…/router’import{MessageBox,Message}from‘element-ui’letloginUrl=‘/login’//根据环境切换接口地址axios.defaults.baseURL=process.env.
一起学习web前端·2023-12-20 03:31

【Vue实践】装饰器（vue-property-decorator 和 vux-class）的使用

目前在用vue开发的项目中，都会配合使用TypeScript进行一些约束。为了提高开发效率，往往会使用装饰器来简化我们的代码。本文主要介绍装饰器vue-property-decorator和vux-class的使用。文章目录1.安装2.vue-property-decorator`@Component``@Prop``@PropSync``@Model``@ModelSync``@Watch``@
lynnhgwang·2023-12-04 13:07

Vue实践

Vue实践1.第一个Vue-CLI程序1.1介绍VueCLI是一个基于Vue.js进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。
流浪所·2023-10-31 07:50

VUE.JS组件

【整理思路】从零开始封装Echarts的Vue组件_哔哩哔哩_bilibili基于Vue如何封装组件_哔哩哔哩_bilibiliVue实践-通过props:$emit:$refs:bus:$attrs:
qq_18932003·2023-10-24 12:20

Vue实践与总结——插件

插件第三方组件对于Vue的功能扩展。如：Vuex（全局状态管理）、vue-router（全局路由管理）插件引入通过vue-cli引入引入vue-clinpminstall-g@vue/cli#yarn安装yarnglobaladd@vue/cli插件使用方法一：import组件from'组件'-vue.use(组件)方法二（全局添加）：适用于公用扩展Vue.prototype.组件=组件插件利用混
xymspace·2023-10-04 03:42

Vue实践 axios封装

1.1axios二次封装importaxiosfrom'axios'importrouterfrom'../router'import{MessageBox,Message}from'element-ui'letloginUrl='/login'//根据环境切换接口地址axios.defaults.baseURL=process.env.VUE_APP_APIaxios.defaults.head
Nicholas_liang·2023-09-03 20:56

vue实践之element表单验证

今天遇到一个自挖的坑，多花了两小时才解决。话说我要写一个新增对话框，里面是一个表单form，item是3+4+1模式，。即三个输入框在公共可视区域，另外4个、1个分成两个tab页签切换显示。问题就在于为了省事，我用一个form对象存储。在处理表单验证时，也需要分页签独立验证，一开始遇到重置表单与验证表单传递form名字参数，被误传入表单对象，调试了半小时。为了实现页签能分开验证，使用了部分表单验证
帅过了·2023-08-07 07:43

使用Electron包装ruoyi-ui/ruoyi-vue实践总结

背景：最近公司新起的项目，由于工期、资源等原因，采用ruoyi框架快速实现开发，由于需要构建客户端，所以借助electron来实现。electron是使用javascripthtmlcss来构建跨平台的桌面应用程序。官网地址：简介|Electron查了很多资料，好像后台管理做成客户端的很少很少，主要参考这篇文章：ruoyi-vue|electron打包教程（超详细）_ruoyi打包_七维大脑的博客
小鸟哗啦啦·2023-07-19 21:15

Vue实战--标签页组件

所以打算利用空余时间，重新学习Vue，至少一周写一篇Vue实践总结~这是我第
浮夸的小白·2023-06-10 12:55

【收藏】前端开发必备：前端开发不得不收藏的网站,提高200%开发效率！

同时作者也会在上面不定期的写一些简单的博文如果你有好的推荐你可以提issue或者pr来告诉作者推荐库前端常用Css&&动画Vue实践库文档工具库Node工具库命令行文件处理调试GraphQL工具Webpack
不停喝水·2023-04-02 06:39

vue实践-在线投保货物险应用

ezgif.com-video-to-gif.gif源代码https://github.com/neozhu/picconline在线演示https://neozhu.github.io/picconline/由于后端采用了firebase存储数据,所以目前国内在不翻墙的情况下无法正常演示
tensor初学者·2023-03-21 00:09

TS 入门和Vue实践

TS入门和Vue实践一、TS快速上手从JavaScript程序员的角度总结思考，快速上手理解TypeScript。
以虚名称之·2023-01-27 21:56

【Vue实践】尚硅谷张天禹Vue学习笔记(087-135)-20221212~20221218

（任意组件通信）084-086_全局事件总线全局事件总线SOP086_TodoList案例_事件总线src/mian.js:importVuefrom'vue'importAppfrom'./App.vue'Vue.config.productionTip=falsenewVue({el:"#app",render:h=>h(App),beforeCreate(){Vue.prototype.$b
i see the future·2022-12-20 20:27

【Vue实践】尚硅谷张天禹Vue学习笔记(更新至第86课)-20221126~20221212

004_尚硅谷Vue技术_搭建Vue开发环境搭建Vue.jsdevtools允许访问文件网址https://blog.csdn.net/sunhl951/article/details/80185628阻止vue在启动时生成生产提示。Vue.config.productionTip=false目测没有用https://blog.csdn.net/DIUDIUjiang/article/detail
i see the future·2022-12-20 20:25

解决Vue+ts里面this.$store问题

$store问题解决办法Vue实践ts中的一些常见错误及解决mixin报错扩展属性报错TS中没有import和export的TS文件变量被视为全局Vue+ts里this.
·2022-03-30 15:09

vue实践二：页面区块化与组件封装

本文示例代码：查看源码查看运行参考书籍：《Vue2实践揭秘》第四章：页面区块化与组件封装本文代码从之前文章：vue-router：路由与页面间导航开始一、文章目的1、简单了解并学习vue页面区块化与组件的封装；2、学习了解常用vue插件：轮播图插件：swiper；请求数据插件：vue-resource；请求数据插件：axios、vue-axios；数据模拟插件：mockjs二、需求梳理效果图1效果
左木北鱼·2022-02-19 12:22

Vue资料总汇

vue-router组件库文章《Vue.js：轻量高效的前端组件化方案》《Vue.js和Webpack》(一)(二)(三)《尤小右采访》作者的采访有一些设计理念腾讯全端AlloyTeam团队《mvvm学习&vue
栋栋晓·2021-05-16 23:55

vue实践---根据不同环境,自动转换请求的url地址操作

一般的项目环境分为：本地环境，测试环境，预发环境，正式环境。这些环境的域名一般是一样的，前端请求接口的url也会随着这些环境的变化而改变，手动修改有点麻烦，所以想个办法，让请求的地址根据域名改变而改变。第一步：建立一个RequestConfig.js作为配置文件，内容如下：constAPIMapping={project1:{test:'http://123.com',local:'http://
·2020-09-21 13:47

vue实践---vue不依赖外部资源实现简单多语操作

vue使用多语，最常见的就是vue-i18n,但是如果开发中的多语很少，比如就不到10个多语，这样就没必要引入vue-i18n了，引入了反正导致代码体积大了，这时候单纯用vue实现多语就是比较好的选择。第一步首先建立一个locales.js存放多语语言包的内容，这里只写了zh-CN,en这两种语言，其他还想新增的话方法一样，代码如下：exportdefault{'zh-CN':{name:'我是中
·2020-09-21 13:45

vue实践笔记系列十二——集成ueditor后上传组件bug修复

vue集成ueditor网上很多教程，具体步骤不一一赘述，我们来看实际中的问题。集成后，自测功能一切正常，测试人员发现上传图片功能只有第一次加载ueditor时正常，切换其他页面再打开ueditor页面时，上传功能不可用，提示如下信息：这个报错，很明显是文件服务器或上传接口地址没配置或配置不对造成的！那么问题来了，为什么第一次可以正常加载？？？问题很诡异，百度了好多次，查看了好多文章，并没有真正解
JJH0901·2020-09-12 13:22

Vue资料总汇

vue-router组件库文章《Vue.js：轻量高效的前端组件化方案》《Vue.js和Webpack》(一)(二)(三)《尤小右采访》作者的采访有一些设计理念腾讯全端AlloyTeam团队《mvvm学习&vue
水墨寒·2020-08-22 22:49

vue实践——tab切换

原生js的tab切换思路是这样的：1.先将导航栏循环，得到每个单独的导航栏项2.将循环的导航栏项进行点击3.再进行一步循环，其他兄弟元素隐藏，拥有当前index值显示出来，当前类名改变，其他的类名变回公共类名原生js的tab切换基本就是两步循环，一次循环导航，一次循环内容，两步嵌套实现切换jquery的tab切换思路和原生完全一样。进入正题~~~~vue是MVVM框架，那我们操作mvvm的时候就尽
_花开蒂落_·2020-08-21 07:14

vue实践——使用e.target.dataset实现tab切换

前几篇文章曾经说到过vue实现tab切换的方法，详见https://blog.csdn.net/yt412182782/article/details/99291751今天给大家介绍另一种实现方式templatemethodsdata实现效果这种方法的关键点在index的值，index的值是通过data-index控制的，e.target.dataset.index就是获取当前的值
_花开蒂落_·2020-08-21 07:43

vue实践学习——keep-alive属性及生命周期

通过上一篇博客，大家已经熟知keep-alive是什么作用的组件以及其简单应用，那么接下来再来进一步的了解一下keep-aliveprops：官网链接https://cn.vuejs.org/v2/api/#keep-aliveinclude字符串或正则表达式，只有名称匹配的组件会被缓存exclude字符串或正则表达式，任何名称匹配的组件都不会被缓存max数字，最多可以缓存多少组件实例props的
Yunruohan·2020-08-16 08:43

vue实践笔记

安装方式直接用script工具命令行工具实践指南环境准备vue命令行工具可以方便的命令行工具构建一个webpack工程主要步骤为：npminstall-gvue-climkdirvuedwmo&&cdvuedemovueinitwebpackvuedemonpminstallnpmrundev编写compentsroutersnpmrunbuild这里可以修改config目录下的配置，使得自定义输
C_A_dogN·2020-07-14 09:42

vue实践：我所遇到的各类问题

一、打包后空白问题：这个问题我总结的一共有两种情况：1、通过开发者工具擦看到id=app里面空白，连注释都没有；2、通过开发者工具擦看到id=app里面只有一个html注释；解决方法：https://blog.csdn.net/skyblacktoday/article/details/80447226二、字体图标失效，将限制改大，大于字体文件大小：解决方法：https://blog.csdn.n
Mosowe·2020-07-13 13:36

vue实践动态轮播图组件

vue实践动态轮播图组件数据更改【=>domdiff->把虚拟dom传化为真实的dom->$nextTick(在回调函数后真实)->告知浏览器绘制】分割成3个件,BannerButton,BannerPagination
公子清·2020-07-12 21:04

vue实践问题1-cdn引入js

vue实践问题1-cdn引入js本文主要记录一些实际开发的问题（连载）问题描述：如何将vendor内部大文件js使用外部cdn引入需解决问题1：如何保证内部使用正常需解决问题2：如何保证cdn失败时查找本地这里使用引入
clors·2020-07-08 16:00

vue实践-多标签页共享sessionstorage

背景：新入手了vue，一路摸索，成功的完成了一个简易的系统；但是在用户登录验证这块出现了问题：在一个标签页登录后，将页面url拷贝到新的页面中访问，发现又自动跳转到登录界面；经过一番努力，发现是因为前端的自校验用户信息存储在sessionstorage中，而sessionstorage是针对单标签页的，因此就有了这篇文章，共享sessionstorage。看了很多博客，有详细的方法的，但因为是小白
leiax00·2020-07-05 05:52

vue实践之兄弟组件之间数据和事件的传递

使用vue进行组件化开发时，经常会遇到需要在业务组件中监听某个公共组件的数据变化和事件触发。大致归类为两种场景：业务组件为公共组件的直接父组件（父子关系）*事件传递：子组件定义一个方法，方法中通过this.$emit(‘event’)方式将触发事件传递出来；就可以在父组件中监听event事件，当事件触发时，执行自定义的方法。*数据传递：同样使用\$emit，在传递事件的同时将数据作为参数传递出去，
前端菜鸟报道·2020-07-04 00:10

VUE实践专题

vue自定义过滤拦截器定义Vue.filter('MoneyFormat',function(money){if(money&&money!=null){money=String(money);varleft=money.split('.')[0],right=money.split('.')[1];right=right?(right.length>=2?'.'+right.substr(0,2
futuretodaylonggong·2020-07-02 09:41

SpringBoot实现Vue-Admin-Template跨域访问资源

Vue-admin-template项目改造的简化版Vue后台管理模板案例在前两篇的实案例之上，记录一下实现登录、退出、查询数据、以及跨域访问资源的一些细节，方便自己日后忘了快速捡起，同时也是对之前两篇vue
Codeluojay·2020-07-02 00:19

Vue 动态响应数据变化

Vue实践分享（二）Vue是MVVM模式，即Model-View-ViewModel，通过绑定数据即可以实时改变视图显示。
ArtisanLin·2020-06-30 02:03

「Vue实践」项目升级vue-cli3的正确姿势

一.原以为升级vue-cli3的路线是这样的：创建vue-cli3项目，按原有项目的配置选好各项配置迁移目录src->srcstatic->public对比新旧package.json，然后yarninstall，完毕。然鹅…运行项目，报错Youareusingtheruntime-onlybuildofVue......：然后去查了下旧项目的相关字眼文件：噢，原来是vue-cli3的webpac
前端劝退师·2020-06-29 00:16

webpack+vue实践

前言2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深刻的认识下我们经常打交道的webpack本文共分为三个部分带你领略webpack的魅力。如有不足之处，恳请斧正1.入门
王永存·2020-06-27 12:43

Vue实战--标签页组件

所以打算利用空余时间，重新学习Vue，至少一周写一篇Vue实践总结~Vue作为一
Billy_d972·2020-06-26 15:32

vue实践之项目积累-----vue滚动条插件----vuescroll

vuescroll是一款基于Vue.js自定义滚动条的插件，它有两种模式:native:适用于PC端，支持基本的自定义滚动条。slide:适用于移动端，支持下拉-加载，上拉刷新，轮播等。本地安装npmi-S#或者通过yarnyarnaddvuescroll#或者通过cnpmcnpmi-S之后在全局或者局部甚至需要的地方引入全局importVuefrom'vue';importvuescrollfr
Emily Ching·2020-06-26 05:51

vue实践中遇到的小难题

vue动态绑定imgsrc时，出现404，原因在于路径并不会被webpack编译，还保持着相对路径的状态。如以下代码：![](path)data(){return{path:'../resource/img/song.png'}}应修改代码如下：data(){return{path:require('../resource/img/song.png')}}拓展:如果使用的是背景图的方式，那么在上述
Candy程·2020-06-22 01:00

Vue实践小结

一、用Vue改造React的一个DemoGame2048https://github.com/pengfu/vue-2048二、快速搭建Vue开发环境利用官方脚手架工具快速初始化项目项目：https://github.com/vuejs-templates/webpack步骤：$npminstall-gvue-cli$vueinitwebpackmy-project$cdmy-project$np
pengfoo·2020-03-27 01:36

vue实践笔记

公共的css在app.vue中引入：1516765681(1).jpg1.清空除了index.html,app.vue以外的src文件夹文件内容main.js引入文件//TheVuebuildversiontoloadwiththe`import`command//(runtime-onlyorstandalone)hasbeensetinwebpack.base.confwithanalias.
喵呜Yuri·2019-12-14 01:35

vue实践中的常见知识漏洞001

前言本文主要总结了vue实际开发项目当中应该如何解决一些实际的开发问题，可能你认为很简单，但短时间内也许你并没解决思路的。建议阅读时间：15-25min更多精彩内容请关注我掘金主页或者达摩兵的空间博客常见技术解答for循环中针对ui样式的特征性样式或者事件针对ui有特定的数据字段进行判断（也叫数据模型方法）这种书数据的要求比较高，且要求你能够找到比较好的对应关系，需要针对class进行特征性的组件
Robin90·2019-12-01 23:12

(码友推荐)2018-07-17 .NET及相关开发资讯速递

3.你所不知道的ASP.NETCoreMVC基础系列（一）4.CreatingaThrottlewithActionBlock5.ImportantTipstoWriteCleanCodeinC#6.vue
Rector·2019-11-08 17:26

vue实践之采用vue-cli3.x创建项目

采用vue创建项目的时候控制台提示需要升级，于是就笨头笨脑的升级了，结果采用vue-cli3创建项目的时候出了一堆错误，顿时懵了。于是开始了解vue-cli3.x的相关知识，刚开始还是好不习惯，不过习惯之后，发现vue-cli3.x挺好用的，不过到底是否采用vue-cli3.x还是vue-cli2.x，还是看个人喜好了依赖管理首先介绍一下相关的文档vue-cli3.x官方文档：https://cl
陨石坠灭·2019-08-05 12:52

vue实践-todolist小项目

文章目录一、功能二、实现三、运行结果一、功能1、界面上有一个输入框和一个提交按钮2、在输入框中输入内容，点击提交后，将输入的任务展示在下面3、点击任务，可以删除任务二、实现todolist(添加和删除）提交Vue.component('todoitem',{props:['item','index'],template:'{{item}}',methods:{handleclick:functio
龟的小号·2019-05-08 15:42

「Vue实践」武装你的前端项目

本文目录接口模块处理Vue组件动态注册页面性能调试：HiperVue高阶组件封装性能优化：eventBus封装webpack插件：真香本文项目基于Vue-Cli3，想知道如何正确搭建请看我之前的文章：「Vue
weixin_33747129·2019-04-09 02:17

vue实践过程之技术实现

实现项目这个项目和微吉风很像，不过它是小程序，我这里的是webapp,哈哈。其实我这这个项目就是玩玩，为了练习练习vue而来，积累一下前端如何前后端分离，感受一下vue的美丽，拥抱一下Muse-UI。接口设计用flask写的接口api在做这个前端项目的时候有调整过，接口主要有：登陆：login鉴证：auth查询分数：queryScore查询课表：querySchedule获取周数：getCurre
CENDEAL·2019-03-19 14:57

Vue实践TS中的一些常见错误解决方案

mixin报错import{Component,Prop,Vue,Mixins}from'vue-property-decorator'importhttpminixfrom'../mixin/httpMixin'@Component({mixins:[httpminix]})exportdefaultclassHelloWorldextendsVue{publicasyncgetUser():P
anmeiba2865·2019-01-09 15:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他