Vue开发随手笔记

全新打包工具parcel零配置vue开发脚手架

parcel-vue一个基于parcel打包工具的vue开发脚手架解决方案,强烈建议使用node8.0以上项目地址(求star^_^):点此进入初始化项目//安装脚手架$npminstallparcel-vue-g
残梦_6560·2024-01-15 14:07

Vue组件封装

前言日常Vue开发常用组件有Vant、ElementUi、VuxUI、MintUI等组件库。可是作为一个前端菜鸡常常也会遇到需要自己封装组件的需求。所以在下面会介绍自己封装组件的心得体会。
逆风微笑的程序狗·2024-01-15 07:45

Spring Boot+Vue实战：快速搭建个人博客

个人代码地址：https://github.com/coder-zrl/vueblog/收获与不足收获学习到了简单的vue知识了解到了前后端分离最后合并的过程增加了自身的编程能力使用idea进行vue开发了解到了数据库自动生成代码的步骤知道了对实体类进行序列化的操作不足没有做身份验证
笼中小夜莺·2024-01-15 05:28

vue开发H5 实现滑动图片获取验证码

获取验证码拖动下方滑块完成验证import{getCaptchaPuzzle,getVerification}from'@/api/utils'exportdefault{data(){return{captchaVisible:false,//滑块位置和滑块图captchaPuzzle:{x:0,y:0,shadeImageUrl:'',cutoutImageUrl:'',},loginForm
永不满足的求知者·2024-01-14 23:01

Google拓展程序导出&安装

目录引言导出步骤安装步骤引言google有着很多方便的插件，例如：Vue.jsdevtools（前端vue开发调试）Google翻译（随时随地解决翻译问题，可能不太准，基本满足使用）TalendAPITester-FreeEdition
ooxuyu·2024-01-14 19:03

ssm基于spring和vue开发的web新闻流媒体平台论文

摘要如今的时代，是有史以来最好的时代，随着计算机的发展到现在的移动终端的发展，国内目前信息技术已经在世界上遥遥领先，让人们感觉到处于信息大爆炸的社会。信息时代的信息处理肯定不能用之前的手工处理这样的解决方法，必须采用计算机来处理这些信息，因为传统方法对应计算机处理的信息效率上真的相差甚远。本次使用Java技术开发的新闻流媒体平台，就是运用计算机来管理新闻信息，该系统是可以实现公告类型管理，新闻类型
wqq_992250277·2024-01-14 16:03

vue开发配置扫盲帖：什么是CSS Modules以及为什么引入CSS Modules？

什么是CSSModulse？在做vue等Node项目时，经常会有一项：是否启用CSSModules，如下图所示：image那么，什么是CSSModules呢？使用它有什么意义呢？CSSModules,直接强译，就是css模块的意思。当web研发越来越多时，为了应对CSS的凌乱，于是人们想到了用这种方法。比如有人在home.vue中，直接在文件中行内写了一行代码.btn{font-size:1rem
zoomlaCMS·2024-01-14 09:20

2019-06-13 Vue开发排坑

在Data中直接读取this.$store.state.user.id类似的值会导致刷新后页面空白，放在created中可能会解决这个问题。
ven_tian·2024-01-14 05:10

vue开发记录tab切换跳转，记录当前tab值

思路：1、在每次点击tab的时候，记录当前的tab值2、在进入这个页面，在mouted或者created方法中判断this.$route.query.tabValue是否存在，存在的话，设置当前tab为url上的tab使用this.$set强制刷新视图
大西瓜wf·2024-01-14 05:00

记录 element-ui版本不兼容问题导致popconfirm组件线下、线上表现不一致

项目场景：使用elementui+vue开发后台系统时，遇到一个表格操作需求点击进行某个操作，但是这个操作前需要进行确认提醒后才能真正处理，这里使用按钮加确认组件做交互：撤回详情问题描述：以上代码在本地测试没有问题
sj206327327206·2024-01-14 02:18

UniApp面试题

答：Vue是一种用于构建用户界面的渐进式JavaScript框架，而UniApp则是基于Vue开发
qq_42431718·2024-01-13 22:07

在uniapp Vue3版本中如何解决web/H5网页浏览器跨域的问题

同源策略是一个基础的安全策略，但是这也会给uniapp/Vue开发者在部署时带来一定的麻烦。
咸虾米_·2024-01-13 20:47

vue解决打包后文件过大的问题-使用压缩插件打包后压缩文件-compression-webpack-plugin

前言：在用vue开发项目的时候，经常会面临一个文件，就是打包以后文件太大，首页加载时间长的问题，一般我们会从压缩文件，cdn引入文件，加载整合雪碧图等等的方式来优化，这里来谈谈压缩文件，主要使用的插件：
浩星·2024-01-13 06:14

2-Linux-应用-部署icwp-Linux虚拟机【Django+Vue+Nginx+uwsgi+Linux】

本文概述本文章讲述基于LinuxCentOS7系统（虚拟机），部署Django+Vue开发的前后端分离项目。项目源码不开放，但是操作步骤可以借鉴。
海绵_青年·2024-01-13 06:37

【VSCode】vue开发中v-for在Eslint的规则检查下出现：Expected 'v-bind:key' directives to use the viriables错误

问题在使用VScode编辑器vue开发过程中，v-for在Eslint的规则检查下出现报错：Expected‘v-bind:key’directivestousetheviriableswhicharedefinedbythe
你不懂的阳·2024-01-13 03:50

微信采坑记录

同事用vue开发的H5，哈希路由模式在做微信分享的时候发现路由被微信截断了同事的解决方案:在#号前加上?变成query的形式将path传过去
1024k纯金·2024-01-12 18:12

vue前端开发自学,父子组件之间的数据传递demo

下面为大家展示的是，vue开发中常见的，父子级别关系的，数据传递案例。先给大家看一下，源码，然后讲解一下里面的注意事项。ParentimportChildfrom".
yrldjsbk·2024-01-12 15:48

知识点10--element ui

本章介绍一个前端渲染框架叫elementUI，是一个基于vue开发的组件库，它就相当于jquery的插件，不过它的作用和CSS的Bootstrap有些类似，具体更详细的了解大家可以去官网看一看https
尘世壹俗人·2024-01-12 14:14

File chooser dialog can only be shown with a user activation.

使用vue开发时，通过ref通过“this.refs.[name].
fz250052·2024-01-12 14:36

vue前端开发自学练习,Props数据传递-类型校验,默认值的设置！

实际上，vue开发框架的时候，充分考虑到了前端开发人员可能会遇到的各种各样的情况，比如大家经常遇到的，数据类型的校验，再比如，默认值的设定等等。下面给大家展示一下，源码。和实际的效果。
yrldjsbk·2024-01-12 12:59

怎样创建vue项目(分别基于vue-cli和vite两种的创建方式)

node.js，推荐下载地址：Node.js2、检查是否安装成功，使用打开黑窗口的快捷键window+R，输入cmd，在黑窗口输入node-v，如果输出版本号，就说明安装node环境成功，2、vue-cli搭建Vue
czy陈泽宇·2024-01-12 07:41

【Vue和Echarts问题解决】Vue子组件中Echarts图表只显示一次问题

问题描述：在Vue开发中推荐的是组件化开发，所以会将Echarts图表封装成为单独的组件。在需要的时候进行使用。
itlu·2024-01-11 11:32

Vue项目在ie浏览器中显示白屏优化提示

在工作中用到Vue开发项目，用户在IE浏览器打开页面，结果显示空白屏。作为开发者当然知道是浏览器版本过低导致语法不支持，但是用户不知情的情况下显示空白屏就很不友好。
Yongqiang Chen·2024-01-10 20:53

Vue 源码解读（7）—— Hook Event

封面image前言HookEvent（钩子事件）相信很多Vue开发者都没有使用过，甚至没听过，毕竟Vue官方文档中也没有提及。Vue提供了一些生命周期钩子函数，供开发者在特定的逻辑
李永宁_lyn·2024-01-10 18:34

基于Spring boot + Vue实现的汽车销售管理系统

本项目基于springboot以及Vue开发，前端实现基于PanJiaChen所提供的开源后台项目vue-element-admin改造。
李白的粉·2024-01-09 08:32

一套包含完整前后端的系统如何在K8S中部署？

前端前端如果使用Vue开发，需要将打包后的dist放到Web容器的root目录下，在此我们使用Deployent来部署Nginxpod
木讷大叔爱运维·2024-01-08 12:22

uni-app原理分析

历史分析最开始的小程序没有组件化和npm支持，wepy就诞生了，但wepy没有完全实现vue的规范，后面又出了mpvue（实现了更完整的vue开发体系）。
Jack おう·2024-01-07 18:22

关于购物车功能的逻辑代码 PHP和Vue开发

1、首先，需要创建一个数据库来存储用户的订单信息和商品信息。可以使用MySQL来创建一个名为“cart”的数据库，并创建两个表格，一个用于存储用户订单的信息，“orders”表格，另一个用于存储商品的信息，“products”表格CREATEDATABASEcart;USEcart;CREATETABLEorders(idINTPRIMARYKEYAUTO_INCREMENT,user_idINT
linlinlove2·2024-01-06 17:51

技术博客：Vue中各种混淆用法汇总

引言在Vue开发中，对于新手来说，常常会被诸如newVue()、exportdefault{}等用法所困扰。此外，对
ertertgfhhn·2024-01-06 11:09

40-组件-数据传递vuex

这里我们要介绍基于vue开发出来的一个工具,用于简化父子间的数据传递,没错,就是vuex,由于是工具,重在使用,我们了解了它的概念之后,重点方在使用步骤上image.pnghttps://vuex.vuejs.org
梦想成为小仙女·2024-01-06 05:45

vue开发H5手机端页面打开App如高德地图导航

问题：使用vue开发H5页面的时候需要跳转地图App并导航到指定位置实现功能：点击按钮打开第三方app导航，如果没有打开，或者没有安装，则运行网页地图导航实现效果图如下：1.点击按钮跳转2.浏览器弹窗获取权限
夏虫亦想语冰·2024-01-05 11:17

Vue 新一代开发者工具正式开源！

VueDevTools是一个旨在增强Vue开发人员体验的工具，它提供了一些功能来帮助开发者更好地了解Vue应用。下面就来看看新一代VueDevTools的功能和使用方法！
奇舞周刊·2024-01-05 10:33

记一次使用mpvue开发微信小程序动画播放播放完成再播放下一个动画，实现动画队列的实战操作

微信小程序wxss支持Css的keyframes动画，我们想通过事件监听，在动画开始、动画播放阶段、动画播放结束的时候进行下一步动作。如下图，有一个从右飘入，然后从左侧出去的动画，我们希望的是，前一个出去后，后一个再进入，即上一个播放完成后，再出来下一个这个时候，解决问题的关键问题在于，监听上一个动画播放完成，这个时候，我们需要用到微信小程序的动画播放完成后的事件，为此，我们将流程逻辑描述如下：数
小和尚敲代码·2024-01-05 10:50

chrome插件Vue Devtools失效

vue开发神器VueDevtools报错：Vue.jsisdetectedonthispage.Devtoolsinspectionisnotavailablebecauseit'sinproductionmodeorexplicitlydisabledbytheauthor
holmehai·2024-01-05 06:58

VUE开发神器-NVM nodejs版本控制工具nvm

前言在学习前端框架或者是nodejs时，有时候某些框架对nodejs的版本有要求。但此时你的电脑上已经安装了10.x版本的nodejs，你不想直接更新到12.x，想同时保存10.x和12.x版本，在必要的时候还能随时切换nodejs版本。那么nvm工具你值得拥有。一、首先要安装nvm下载地址：Releases·coreybutler/nvm-windows(github.com)备用下载地址1、选
王stone·2024-01-04 22:47

学生管理系统（vue + springboot）

学生管理系统（vue+springboot）资源-CSDN文库项目介绍这是一个采用前后端分离开发的项目，前端采用Vue开发、后端采用Springboot+Mybatis开发。
软件源码·2024-01-04 02:33

学习Vue的VueComponent构造函数总结

先来说一下注意事项，首先就是组件的名字，如果名字是单个单词有两种写法首字母大小写都可以，但借助Vue开发者工具可以看到它默认给我们写成大写，所以一般也会习惯把它写成大写，还有一种情况就是组件名由多个单词组成
heliang399·2024-01-04 01:28

基于Vue开发的一个仿京东电商购物平台系统(附源码下载)

电商购物平台项目项目完整源码下载基于Vue开发的一个仿京东电商购物平台系统BuildSetup#csdn下载该项目源码压缩包解压重命名为sangpinghui_project#进入项目目录cdsangpinghui_project
北航程序员小C·2024-01-03 18:27

Vue 新一代开发者工具正式开源！

VueDevTools是一个旨在增强Vue开发人员体验的工具，它提供了一些功能来帮助开发者更好地了解Vue应用。
whyfail·2024-01-03 13:12

vue开发 --- 页面延迟加载组件

问题：单页面引入的组件页面多，多数首次不显示的的dom元素，导致进入页面的时候加载慢。参考的解决文档：https://blog.csdn.net/z470259742/article/details/79580592解决：1、v-if默认为false情况下不会加载组件，只有变为true的情况下才会进行加载，而且我们的组件加载后不需要销毁（我试过v-if有时候很还是会慢很多）2、子组件可以通过插槽对
七號7777·2024-01-03 12:19

vue使用&Mac+idea的vue开发环境配置

开发环境配置npm+vue开发环境配置看博主都推荐使用vscode开发vue硬要使用idea的话，就需要安装vue.js插件1、先安装vue环境brewinstallnodejs或者到官网http://
鲨鱼饿死了·2024-01-02 10:26

Vue 新一代开发者工具震撼开源发布！

VueDevTools是一个旨在增强Vue开发人员体验的工具，它提供了一些功能来帮助开发者更好地了解Vue应用。下面就来看看新一代VueDevTools的功能和使用方法！
前端达人·2024-01-02 10:17

Vue开发环境搭建依赖包

npmupdate-g@vue-clivueupdateyarnconfigsetignore-enginestruenpmrunbuildnpminstall--save-devwebpack
woshidaniu·2024-01-02 07:19

【自定义组件】uniapp&vue开发，自定义封装组件步骤

学会封装代码，是程序猿必备的能力。避免在开发过程中多处施展cv大法，封装代码有利于提升代码的复用性，可以大大减少复制粘贴带来的冗余代码。以下是封装代码的具体步骤：1.创建组件页面在项目文件夹里创建一个与page平级的components页面，并在里面创建一个与该组件名相同的页面：（注意：不用在pages.json文件里再去配置了。）2.在组件中写props属性用于接收值（若不进行值传递可以不写）。
小跳不会Coding·2024-01-01 21:59

深入理解Vue.js 3的Reactive方法

Vue.js3引入了CompositionAPI，这是一次对Vue开发模式的重大革新，它为我们提供了更灵活、更强大的代码组织方式。今天，我们将深入探讨其中的核心功能之一——reactive方法。
liwp_Stephen·2024-01-01 16:33

vue 插件 滑块验证_一款基于vue开发的简单图片滑块验证码【使用笔记】

github文档地址文章目录1.安装2.main.js中引用1.安装npminstall--savevue-monoplasty-slide-verify2.main.js中引用importVuefrom'vue';importSlideVerifyfrom'vue-monoplasty-slide-verify';Vue.use(SlideVerify);页面中使用（封装，直接可以拿去用）安全验
半生过往·2023-12-31 21:18

Vue 2 将于 12 月 31 日到达生命周期终点

许多现在的Vue开发者是在Vue2时代开始使用Vue的，有许多伟大的项目是用它建立的。然而我们无法持续同时维护两个主要版本。
EternalChronosTime·2023-12-31 19:24

【尚硅谷】Vue.js从入门到精通笔记（每日更新）

目录第1章：Vue核心1-1.Vue简介1-2.Vue官网使用指南1-3.搭建Vue开发环境1-4.初识Vue1-5.模板语法1-6.数据绑定1-7.el和data的两种写法1-8.MVVM模型1-9.
嗯嗯嗯吧·2023-12-31 13:59

2023年新一代开发者工具 Vue ，正式开源！

VueDevTools是一个旨在增强Vue开发人员体验的工具，它提供了一些功能来帮助开发者更好地了解Vue应用。下面就来看看新一代VueDevTools的功能和使用方法。
骑着牛的奇兵·2023-12-31 02:17

Vue开发中使用Element UI过程中遇到的问题及解决方案Missing required prop: “value”

一、vue中使用el-table的type=index有时不显示序号Table表格用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作。当el-table元素中注入data对象数组后，在el-table-column中用prop属性来对应对象中的键名即可填入数据，用label属性来定义表格的列名。可以使用width属性来定义列宽。显示索引如果需要显示索引，可以增加一列el-ta
邹荣乐·2023-12-30 15:44
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他