Vue基础教程

Nuxt3 全局变量接口前缀全局配置，全局方法，全局状态管理

如下：nuxt.config.ts可以在public下定义全局变量，且public下的变量可以在客户端和服务端使用在其他任意vue或者js、ts文件中，可通过以下方式获取变量const{public:{
凉豆菌·2024-08-27 10:00

Vue3 递归组件

本文简介点赞+关注+收藏=学会了在日常Vue项目中，大概率会用组件库辅助开发，所以递归组件的出镜率可能不会非常高。但这并不代表递归组件不重要。本文用10分钟左右的时间让你掌握递归组件的用法。
德育处主任Pro·2024-08-27 10:26

vue 循环 递归组件_vue2 递归组件--树形

递归组件，官方给的教程太简便了，根本看不出到底怎么用。于是自己查网摸索了一下，这儿只把核心思想写出来。效果如下图，点击后打开二级菜单，再点击后打开三级。//js//引子//思想：当v-if=‘false’时，循环时进行的。所以一开始就设置为false。ggg:{name:'gs',template:`我是p标签//这儿show必须要初始值为false，不然就是堆栈溢出，死循环。//这个是循环组件。
weixin_39650091·2024-08-27 10:56

“provide/inject“模式（依赖注入）

provide和inject是Vue.js中用于依赖注入的一对API，主要用于在组件树中跨层级传递数据。它们通常被用来避免多级组件层级之间的嵌套传递props。
默默@85·2024-08-27 10:55

【长文细说】20个ElementPlus核心组件以及使用技巧

ElementPlus是一个基于Vue3和Vite的组件库，它提供了一套丰富的UI组件，用于构建高质量的网页应用程序。
威哥爱编程（马剑威）·2024-08-27 09:24

vue数组合并几种常用方法

在Vue中，可以使用JavaScript的concat()方法或展开运算符(...)来合并数组。
beyondjxx·2024-08-27 05:27

vue js原生上传图片前压缩方法

//压缩图片compressImage(file,maxWidth=750){returnnewPromise((resolve)=>{constreader=newFileReader();reader.onload=function(event){constimg=newImage();img.src=event.target.result;img.onload=function(){//co
beyondjxx·2024-08-27 05:27

uniapp-:class内使用函数报错及解决方法

在开发时，需要根据状态动态的去渲染颜色，这个时候就用到了:class:class="hColor('2',item,index)"在vue内开发时，此代码片段可以正常使用在uniapp内开发时，相同代码报错
爱健身的小刘同学·2024-08-27 05:26

$router.back()携带参数，复杂类型参数和简单类型参数

需求来源:跳转到另外一个页面的时候,$router.back()返回的时候想携带一些参数,然后在返回的页面进行一些操作,虽然可以用vuex或者localstorage这些存储，但始终感觉不太好解决办法:
进阶的巨人001·2024-08-27 05:26

npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR! request to https://registry.

requesttohttps://registry.npm.taobao.org/vue-loaderfailed,reason:certificatehasexpiredn
这孩子叫逆·2024-08-27 05:55

057 Project Setup & First Methods

示例index.htmlVueBasicsMonsterSlayerMonsterHealthYourHealthATTACKSPECIALATTACKHEALSURRENDERBattleLogapp.jsfunctiongetRandomValue
黄健华Yeah·2024-08-27 04:50

使用html+css+js+vue实现的迷宫游戏

游戏的展示项目概述1.界面初始化整个棋盘的大小通过读取可视窗口来计算，通过vue的onMountd钩子来调用棋盘初始化，根据玩家所选的难度生成不同的障碍物地形数量和npc数量以及npc的移动速度。
晚安778·2024-08-27 03:18

vue跟jQuery中的事件冒泡、事件捕获、事件委托（事件代理）

1、事件捕获、事件冒泡在JS中，我们管事件发生的顺序叫“事件流”标准的事件流：当dom触发了事件后，会先通过事件传播捕获到目标元素，然后目标节点通过事件传播实现事件冒泡事件传播：无论是捕获还是冒泡，都是靠事件传播一层一层传递的，当在某一层禁止事件传播，那么之后的步骤就不再进行了Tips：目标元素指的是触发事件的节点（1）事件捕获鼠标点击或者触发了dom事件，浏览器会从根节点（Document对象）
淑子啦·2024-08-27 02:13

Vue3实现word预览

1.安装依赖pnpminstall@vue-office/docx2.页面导入//导入依赖importVueOfficeDocxfrom"@vue-office/docx";//导入样式文件import
淑子啦·2024-08-27 02:43

vue3使用富文本

1、下载pnpminstall@wangeditor/editor@wangeditor/editor-for-vue2、引入和使用import'@wangeditor/editor/dist/css/
淑子啦·2024-08-27 02:43

如何在Vue3中使用Vue.prototype

前端菜鸟最近在开发新的项目，准备用Vue3，遇到了一些问题在2.X版本中创建一个vue实例是通过newVue()来实现的，到了3.X中则是通过使用createApp这个API返回一个应用实例，并且可以通过链条的方式继续调用其他的方法话不多说
淑子啦·2024-08-27 02:42

Java毕设项目汇总 - 5 - ssm框架+vue+源代码+论文等完整资料

✌️主要项目：小程序、SpringBoot、SSM、Vue、Java、Jsp等设计与开发。文末获取源码联系如需其他项目或毕设源码，可进主页看下往期的毕设资源分享哦，希望对您有帮助！
逃逸的卡路里·2024-08-27 01:06

Java毕设项目汇总 - 3 - ssm框架+vue+源代码+论文等完整资料

✌️主要项目：小程序、SpringBoot、SSM、Vue、Java、Jsp等设计与开发。文末获取源码联系如需其他项目或毕设源码，可进主页看下往期的毕设资源分享哦，希望对您有帮助！
逃逸的卡路里·2024-08-27 01:05

Vue项目实战系列（一）：如何修改个人信息

Vue项目实战系列（一）：如何修改个人信息当你登录网站的时候，那么你肯定会有自己的个人信息，比如昵称，账户名，头像，性别以及电话等等。
前期后期·2024-08-27 01:05

前端实习手记（6）：6不起来

本周也就做了个小小的需求吧，但也是磕磕巴巴的（被自己蠢哭）......不太，开心的一周，后面熟悉了就感觉好多了总结封装组件：自定义模特表单对话框AntDesignVuees6学习：ES6教程新增：自定义模特表单对话框功能概述点击主页面的新增按钮
椰果uu·2024-08-26 23:52

前端实习手记（7）：立秋快乐

这周也是立秋&七夕咯，立秋快乐哇家人们（虽然还是很热嘛）总结上周新增自定义表单对话框修改完善更多筛选模特对话框完成Vue.js筛选模特对话框功能概述筛选模特的性别地域信息，选中模特，点击确定会将模特添加模特列表的最前面并关闭对话框
椰果uu·2024-08-26 23:52

Vue 3弹幕案例

一、代码import{ref}from'vue';constprops=defineProps({numberSegment:{type:Array,default:function(){return[
G24gg·2024-08-26 23:21

封装fetch请求

fetch请求对IE不友好，而Vue3也IE不友好，那么之后在创建Vue3项目的时候是不是可以尝试用Vue3+fetch去代替axios呢？当然也不知道行不行，所以先记录下我对fetch的封装。
略略大魔王丶·2024-08-26 20:35

vue最早可以读取this的生命周期函数

在Vue中，最早可以安全地读取到this（即Vue实例及其属性，如data、methods等）的生命周期函数是created。created钩子在实例创建完成后被立即调用。
youhebuke225·2024-08-26 20:49

create-react-app集成antd-mobile，customize-cra扩展配置addLessLoader，lessOptions,fixBabelImports，实现主题定制和按需加载

听之前同事说uni-app坑多（高手勿喷，本人小白，没学过uni，不了解，仅仅听别人说，勿骂），另外最近taro比较活跃，并且可以使用react语法开发（也支持了最新的vue3）,果断放弃uni-app
凉菜凉凉·2024-08-26 18:05

Vue2 - 详细实现解析富文本内容生成侧边栏Toc目录索引，识别富文本内容根据标题h1~h6自动生成文章目录，点击目录导航时跳转到文章内容对应的锚点位置带过渡动画，鼠标滚动内容滑过锚点时高亮对应标题

前言如果您需要Vue3版本，请访问这篇文章。
王佳斌·2024-08-26 17:03

Vue 项目实战1-学习计划表

Vue项目实战1-学习计划表一、大致实现思路1.页面结构设计使用ElementUI的`el-card`、`el-form`、`el-table`等组件来构建页面的基本结构。
架构师ZYL·2024-08-26 16:25

水果在线购物网站商城系统解决方案毕设毕业设计.web期末作业设计网页.css网页成品参考

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-08-26 15:53

创建前端项目中架构基本流程(vue版)

本文章根据黑马程序员《大事件管理系统.md》整理编辑，不涉及具体项目实现，只整理项目前期准备的流程，具体项目实现可bilibili搜索黑马程序员获取此文档梳理搭建vue项目的基本流程及相应模板的创建本项目的技术栈本项目技术栈基于
小徐努力中·2024-08-26 15:50

uniapp怎么实现条形码

"uniapp"指的是UniApp，一个使用Vue.js开发所有前端应用的框架，可以编译到iOS、Android、H5、以及各种小程序等多个平台。在UniApp中实现条形码，你通常会使用第三方库。
那维莱特·2024-08-26 15:18

学习前端面试知识（16）

computed和watch参考文章vuecomputed计算属性，有缓存功能，底层通过dirty来判断是否重新计算，只有在依赖数据发生变化时才会重新计算，性能更好。不能进行异步操作。
BHDDGT·2024-08-26 14:47

外卖系统定制开发：技术选型与架构设计要点

常用的前端技术包括：框架：React、Vue.js或Angular状态管理：Redux、VuexCSS预处理器：Sass、Less打包
万岳科技系统开发·2024-08-26 13:07

计算机毕业设计Hadoop+Spark知识图谱体育赛事推荐系统 体育赛事热度预测系统 体育赛事数据分析 体育赛事可视化 体育赛事大数据 机器学习 大数据毕业设计 大数据毕设 机器学习 人工智能

开发技术前端：vue.js、element-ui、echarts后端：springboot、mybatis大数据：spark、hadoop数据库：mysql关系型数据库、neo4j图数据库算法：协同过滤推荐算法
计算机毕业设计大全·2024-08-26 13:43

Vue3组件（18）组件间传值/共享的方法的汇总

Vuex老牌的状态管理方式，各种组件之间各种传值，好吧专业术语叫做状态管理。使用方法呢，其实就是一层窗户纸，捅破了大家就都知道了，这里不介绍了，可以看我的文集
自然框架·2024-08-26 12:56

JEECG框架的入门学习

学习背景近期项目中，使用到了一个叫ant-design-vue-jeecg的框架。
HITZXL·2024-08-26 12:29

普元EOS-微前端的base基座介绍

2高开前端引用base基座在高开页面引入base基座的语法如下：import{BaseVue,AjaxUtil}from'base/lib'exportdefault{data(){return{};}
小崔爱读书·2024-08-26 11:19

SpringBoot+Vue餐馆点菜系统小程序

项目描述餐馆点菜系统小程序是一个集成了多种功能的移动应用，旨在提供用户便捷的点餐体验和餐厅高效的订单管理。以下是针对您所提到的功能的简单介绍：前台小程序：用户通过手机上的小程序，可以浏览餐厅的菜单、选择菜品、下单并完成支付。界面通常包含菜单分类、搜索功能和推荐菜单，方便用户快速找到想要的菜品。用户可以查看菜品的详细信息，如图片、价格、口味等，并可以将菜品添加到购物车中。用户管理：用户可以在小程序中
源码V+zmm10134·2024-08-26 09:38

小白学习vue笔记

文章目录一安装Vue二做移动端应用注意2.1在index.html中修改mate设置2.2reset.css重新设置样式，在入口文件中引入2.3引入border.css解决一像素边框的问题2.4解决click
善良的爱心话·2024-08-26 09:08

单HTML文件集成vue3+ElementPlus的使用

1、新建一个HTML文件2、HTML文件引用vue3.js3、引用elementplus.js和elementplus.css4、Vue初始化ElementPlus5、页面中可以使用ElementPlus
bjzhang75·2024-08-26 08:07

vue ref和reactive区别

Vue3中的ref和reactive都是用于创建响应式数据的API，但它们在数据类型、使用方式、访问方式、设计理念以及应用场景等方面存在明显的区别。
灰海·2024-08-26 08:32

禁止浏览器默认填充密码 vue

禁止浏览器默认填充密码会和我的样式冲突所以禁止第一种：通过给表单元素添加autocomplete="off"属性，可以防止浏览器自动填充表单中的账号和密码。可以在input标签或整个form标签上使用：exportdefault{data(){return{username:'',password:''};}};为密码输入框动态设置name属性有时仅仅使用autocomplete="off"不能完
lzr请早点睡觉～·2024-08-26 07:02

Docker 部署kkfileview

项目环境：Vue+SpringBoot解决方案:将所有格式统一转换成pdf后提供预览，因为pdf是可以直接在网页上进行预览的。使用第三方服务使用vue的预览组件，类似pdf.js等插件。
seekyoubagain·2024-08-26 07:02

外贸管理系统采购销售报关计算机毕业设计VUE/PYTHON/MYSQL

开发一个基于Vue、Python和MySQL的外贸管理系统，用于处理采购、销售以及报关等业务流程。这样的系统通常涉及前端界面展示、后端逻辑处理以及数据库存储等多个部分。
计算机程序设计开发·2024-08-26 07:31

Java毕设项目汇总 - 1 - ssm框架+vue+源代码+论文等完整资料

✌️主要项目：小程序、SpringBoot、SSM、Vue、Java、Jsp等设计与开发。文末获取源码联系如需其他项目或毕设源码，可进主页看下往期的毕设资源分享哦，希望对您有帮助！
逃逸的卡路里·2024-08-26 02:28

vue的markdown编辑器插件比对

vue的markdown编辑器插件比对文章说明md-editor-v3的使用及效果展示vditor的使用及效果展示文章说明文章比对md-editor-v3、vditor这两个插件的使用及效果体验md-editor-v3
bingbingyihao·2024-08-26 01:52

后端使用Spring Boot框架 + 前端VUE 实现滑动模块验证码

现在我就讲解一下滑动块验证码的实现方式：这个是前端代码，我使用的是vue，在使用的时候注意：注意几个关键点：使用Vue的data函数来存储组件的状态，如isDragging、sliderPosition
八百码·2024-08-26 00:45

vue3生命周期源码浅析

概述生命周期在Vue3中是一个很重要的概念，它允许我们在特定的时间点执行一些代码，比如在组件创建、更新和销毁时执行一些操作。
Jinuss·2024-08-25 22:35

vue3 vue-router嵌套两级路由时，每一级路由都使用transition+keep-alive时，二级路由之间切换离场动效正常，一级路由之间切换会导致离场的页面组件离场动效重复1遍

vue3中使用vue-router嵌套两级路由时，每一级路由都使用transition+keep-alive时，二级路由之间切换离场动效正常，一级路由之间切换会导致离场的页面组件离场动效重复1遍，即播放了两遍离场动效场景复现问题场景和这篇文章中的是类似的
温温温B·2024-08-25 21:56

prerender-spa-plugin 预渲染

优化点1.vue组件处理成静态页面2.每个页面不同title和meta3.页面跳转链接改成a标签4.title和meta支持多语言5.多语言切换，通过URL带参数跳转遇到问题及解决方案：1.Error:
我爱语文·2024-08-25 20:51

vue项目大包错误记录-失误

背景：设置项目动态路由渲染，出现大包报错、报错内容：prerender-spa-plugin报错Unabletoprerenderallroutes!原因：将开发环境的main.js复制到生产环境main-prod.js进行更改，忽略了需要添加mounted(){document.dispatchEvent(newEvent('render-event'));},贴图：添加上即可。。
来赶鸭子上架·2024-08-25 20:19
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他