前端学习之路—Vue 第120页

路由懒加载（React和Vue）

1、为了提升性能，将懒加载的文件单独打包在webpack.config.js配置打包成chunks//打包到不同的chunksoptimization:{//将动态加载(懒加载)的文件(imort())单独打包splitChunks:{chunks:"all",},//避免分割缓存失效runtimeChunk:{name:(entrypoint)=>`runtime~${entrypoint.na

海浪在开花·2024-01-29 08:09

黑马Vue -D6 — 声明式导航-Vue路由-编程式导航-面经基础版-VueCli 自定义创建项目-通过eslint插件来实现自动修正

2.解决方案vue-router提供了一个全局组件router-link(取代a标签)能跳转，配置to属性指定路径(必须)。

Darling小小酥·2024-01-29 08:04

vue基础案例

文章目录后台管理案例一、安装和配置路由二、基于路由渲染登录组件三、模拟登录功能四、后台主页基础布局五、退出登录并控制访问权限六、子路由嵌套显示七、点击进入用户详情页八、升级用户详情页的路由路由path的注意点扩展：控制页面的权限黑马头条一、初始化①创建并梳理项目结构②安装和配置Vant组件③使用Tabber组件⑤使用Navbar组件⑥覆盖Navbar的默认样式二、文章列表①.文章列表数据请求方式请

寒舞233·2024-01-29 07:32

路由进阶

文章目录1.路由的封装抽离2.声明式导航-导航链接3.声明式导航-两个类名自定义匹配的类名4.声明式导航-跳转传参查询参数传参动态路传参两种传参方式的区别动态路由参数可选符5.Vue路由-重定向6.Vue

W`hite·2024-01-29 07:30

面经基础版案例(路由，请求渲染，传参，组件缓存)

导航高亮效果5.首页的请求渲染6.传参（查询参数$动态路由）7.详情页渲染8.组件缓存kepp-alive9.总结1.案例效果分析2.配置一级路由（首页，详情）把首页配成一个路由→注意项关于'/'importVuefrom'vue'importVueRouterfrom"vue-router

W`hite·2024-01-29 07:59

视频教程-ajax前后端交互基本原理-JavaScript

ajax前后端交互基本原理螺钉课堂讲师，擅长Vue、React、ReactNative、NodeJS等前端框架及技术邓老师¥49.00立即订阅扫码下载「CSDN程序员学院APP」，1000+技术好课免费看

weixin_32540879·2024-01-29 07:58

Vue视频图片的在线存储仓库【七牛云】的使用

文章目录概要引入七牛云的依赖配置七牛云七牛云的使用小结概要七牛云的使用官网：点击跳转引入七牛云的依赖npminstallqiniu-js配置七牛云importVantfrom'vant';Vue.prototype

Jacob程序员·2024-01-29 07:59

el-upload上传文件携带额外参数

比如下图中需要实现携带下拉框的参数前端实现：将下拉框中的参数传递到：data中:data="{'script_model':script_model}"上传脚本methods:{get_action(){returnprocess.env.VUE_APP_BASE_URL

段小王爷·2024-01-29 07:28

el-upload 上传文件

fileUpData:{},//文件上传附带参数fileUpList:[],//上传的文件列表dialogFileUploadVisible:false,upload_file_url:process.env.VUE_APP_ADMIN_BASE_URL

向右看齐--·2024-01-29 07:57

Vue-Router: 如何使用路由元信息来管理路由？

Vue-Router是Vue.js官方的路由管理器，它可以帮助我们快速构建单页应用程序（SPA）。除了常见的路由功能外，Vue-Router还支持使用路由元信息来管理和控制路由。

忧郁的蛋~·2024-01-29 07:26

【Vue3】Vue 基本使用——局部使用Vue

1.快速入门现在需要将“hellovue3”这样一个字符串渲染到页面上进行展示。

offer来了·2024-01-29 07:55

vue3中的vuex理解

vuex,概念理论什么的，我就不多说了。懂的人都懂。不懂的，请自己谷歌。本博文主要讲解它的一些常用方法和持数据的持久化（本文是以模块化来写的）。

爱敲代码的小冰·2024-01-29 07:53

npm 或 yarn 使用别名同时安装同一个包的两个版本

以vue为例,同时安装vue的2.6版本和vue的3.2版本首先分别起名vue2和vue3npm安装##npm别名安装写法npminstallvue2@npm:vue@^2.6.14npminstallvue3

余栀丶·2024-01-29 07:43

【开源】基于JAVA+Vue+SpringBoot的网上药店系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2药品类型模块2.3药品档案模块2.4药品订单模块2.5药品收藏模块2.6药品资讯模块三、系统设计3.1用例设计3.2数据库设计3.2.1角色表3.2.2药品表3.2.3药品订单表3.2.4药品收藏表3.2.5药品留言表四、系统展示五、核心代码5.1查询药品5.2查询药品类型5.3药品收藏5.4药品加购5.5新增药品留言六、

桑程程·2024-01-29 06:41

springboot(ssm医院疫情防控系统疫苗核酸预约系统Java系统

springboot(ssm医院疫情防控系统疫苗核酸预约系统Java系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：mysql5.7

Java学长-kirito·2024-01-29 06:11

表单的总数据为什么可以写成一个空对象，不用具体的写表单中绑定的值，vue3

constform=ref({})from为空对象在v-model里写form.name,其实就是在form这个空对象里添加了一个键名为name的成员，你不用在script标签的form对象里面特意写name属性。

深一海·2024-01-29 06:40

【开源】基于JAVA+Vue+SpringBoot的智慧家政系统

1.2项目录屏二、功能模块三、系统展示四、核心代码4.1查询家政服务4.2新增单条服务订单4.3新增留言反馈4.4小程序登录4.5小程序数据展示五、免责说明一、摘要1.1项目介绍基于微信小程序+JAVA+Vue

桑程程·2024-01-29 06:08

基于springboot+微信小程序+vue实现的校园二手商城项目源码

介绍校园二手商城，架构：springboot+微信小程序+vue软件架构软件架构说明系统截图技术选型技术版本说明SpringBoot2.1.6MVC核心框架SpringSecurityoauth22.1.5

程序员柳·2024-01-29 06:28

基于springboot+vue+mysql+mybatis的博客系统源码+数据库

pb-cms介绍博客系统，架构：springboot+vue+mysql+mybatis软件架构软件架构说明系统截图技术选型技术版本说明SpringBoot2.1.6MVC核心框架SpringSecurityoauth22.1.5

程序员柳·2024-01-29 06:26

vue创建项目 yarn 错误There appears to be trouble with your network connection. Retrying

yarn错误Thereappearstobetroublewithyournetworkconnection.Retrying…原因：yarn超时解决途径：#查看代理yarnconfiglist#删除代理yarnconfigdeleteproxynpmconfigrmproxynpmconfigrmhttps-proxy#安装好后更换淘宝镜像yarnconfigsetregistryhttps:/

莫伊剑客·2024-01-29 06:04

如何解决跨域问题

目录1、前端解决跨域1、在vue.config.js中添加2、在本地环境变量中设置基础url+/api/3、举例说明2、后端解决跨域新增跨域配置类，即可跨域（Cross-Origin）是指在浏览器中，当前网页的协议

娃哈哈哈哈呀·2024-01-29 06:49

如何导入导出Excel表格（vue2+SpringBoot+Element+easyexcel）

娃哈哈哈哈呀·2024-01-29 06:18

使用Vite 创建 Vue 3.0 项目(最新体验)

一、前言最近在构建一个新的项目，大学室友小伙伴想用vue3，所以我想都没想就直接用vue-cli来搭建vue3。在搭建的的过程中，遇到了很多包版本的问题。比如：sass包。

HarlieYang·2024-01-29 06:36

IDEA常用插件（本人常用，不全）

文章目录一、图标提示类插件1、Lombok插件（用户配合lombok依赖的工具）2、MybatisX插件3、GitToolBox4、VUE.js5、ESLint二、代码自动生成插件1、EasyCode插件

北风toto·2024-01-29 06:02

前端Vue v-for 的使用

目录编辑简介使用方式基本使用v-for="(item,index)中item和index作用示例迭代对象示例结果前言-与正文无关生活远不止眼前的苦劳与奔波，它还充满了无数值得我们去体验和珍惜的美好事物。在这个快节奏的世界中，我们往往容易陷入工作的漩涡，忘记了停下脚步，感受周围的世界。让我们一起提醒自己，要适时放慢脚步，欣赏生活中的每一道风景，享受与家人朋友的温馨时光，发现那些平凡日子里隐藏的小确幸

A乐神·2024-01-29 06:19

vue中如何监听select滚动底部,vue指令实现滚动加载监听步骤详解

这次给大家带来vue指令实现滚动加载监听步骤详解，vue指令实现滚动加载监听的注意事项有哪些，下面就是实战案例，一起来看一下。既然你诚心诚意的发问了,我就大发慈悲的告诉你.

黄雀飞·2024-01-29 06:18

DOM 的 diff 算法

经典面试题：1）react/vue中的key有什么作用？（key的内部原理是什么？）2）为什么遍历列表时，key最好不用index？

hsdjhaiwhdnjw·2024-01-29 05:17

Vue详解

Vue详解一、回顾SSMSSMmybatisspringspringmvc二、Vue概述1、Vue概述Vue是一套用于构建用户界面的渐进式JavaScript框架。

Zero摄氏度·2024-01-29 05:16

前端Vue select 下拉框详解以及监听事件

目录简介使用详解演示示例:key="option.value":value="option.value"区别监听事件简介在Vue中，下拉框通常通过元素与一系列的元素来创建。

A乐神·2024-01-29 05:44

Vue接口调用方式

接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数promise主要解决异步深层

蔚完待旭·2024-01-29 05:44

【lucky-canvas插件】在Vue3实现大转盘&九宫格&老虎机抽奖

目录前言一、lucky-canvas介绍二、lucky-canvas使用（Vue3）1.安装2.注册3.使用三、九宫格为例的具体使用1.组件使用2.常用配置①blocks背景②prizes奖品③buttons

小五Five·2024-01-29 05:30

lucky-canvas抽奖插件-大转盘-九宫格-老虎机

地址https://100px.net/usage/uni-app.html在vue中使用npm安装：npminstall@lucky-canvas/vue@latest在mian.js中引入：//完整加载

小付-小付·2024-01-29 05:30

移动端打包成功后禁止生成 report.html 文件，并不自动打开该文件

目录【问题】移动端`npmrunbuild`打包后生成并打开`report.html`文件`package.json`文件`vue.config.js`代码【解决】打包后去除`report.html`文件

Fighting_p·2024-01-29 05:56

Vue3中按需导入使用dataV的vue3版本

前言：仅供参考，目前本人在项目使用是没问题的1、安装data-vue3npminstall@dataview/datav-vue32、按需导入Contentimport{BorderBox1}from'

Lee_Yu_Fan·2024-01-29 05:56

Vue 过滤器 filters

@/filters/filter.js//千分位exportfunctionthousandthFilter(val,noDataText){returnval||val===0?Number(val).toLocaleString():noDataText||'-'}//没有数据过滤exportfunctionnoDataFilter(val,noDataText){returnval||val

Fighting_p·2024-01-29 05:25

前端实现转盘抽奖 - 使用 lucky-canvas 插件

插件官方文档需求背景要求实现转盘转动抽奖的功能：只有正确率大于等于80%才可以进行抽奖；“谢谢参与”概率为90%，“恭喜中奖”概率为10%；需求实现实现过程图片示意实现代码安装插件npminstall@lucky-canvas/vue

Fighting_p·2024-01-29 05:53

Web前端：Angular和Vue，哪个最适合你的项目?

当我们说最好的前端Web开发框架时，就不得不提Angular和Vue，对于开发人员来说，他们的差异很重要。让我们来看一下这两者之间的区别。

粤嵌教育·2024-01-29 05:45

如何命令行结束react程序_前端架构React和Vue CTO的选择正确框架的指南

这篇文章旨在指导他们选择正确的javascript框架(或库):ReactvsVue。ReactvsVue-选择正确框架的CTOs指南这是一个值得你考虑的案例!ReverInc.

weixin_39746282·2024-01-29 05:14

Vue3开发利器：超实用Npm Modules推荐与实战

专注于Vue3的实战总结和开发实践分享，让你轻松驾驭Vue3的奇妙世界！✨在这里，我将为你呈现最新的Vue3技术趋势，分享独家实用教程，并为你解析开发中的难题。

程序员海军·2024-01-29 05:42

vue2 事件总线

原图下载：https://download.csdn.net/download/weixin_47401101/88788636

知远同学·2024-01-29 05:41

Vue中使用TypeScript：全面指南和最佳实践

专注于Vue3的实战总结和开发实践分享，让你轻松驾驭Vue3的奇妙世界！✨在这里，我将为你呈现最新的Vue3技术趋势，分享独家实用教程，并为你解析开发中的难题。

程序员海军·2024-01-29 05:40

Vue起步

第二章Vue起步一、课程学习方法Vue官网：https://cn.vuejs.org/二、helloworld1.输出HelloWorld(1).原生JSHelloWorldvardom=document.getElementById

六寸光阴丶·2024-01-29 05:04

Vue-lazy 重复刷新问题。

在用vue-lazy来做，懒加载的时候，每次v-show的变量改变的时候用到v-lazy的图片都会刷新一下。

唐_亮·2024-01-29 04:01

学习React的第一天（2）

React介绍：由facebook推出的数据驱动JS库基于MVC灵感设计（vue是基于mvvm）特性：数据驱动最小粒度更新(diff/fiber)组件化React项目创建：1.下载安装脚手架yarnglobaladdcreate-react-app2

拐服第一大码猴·2024-01-29 04:47

vuejs生命周期案例

加载时钟':'销毁时钟'}}importClockfrom"@/components/Clock.vue";exportdefault{data(){return{showClose:false};},

回不去的那些时光·2024-01-29 04:48

npm全局安装失败，报-4048错误 npm ERR! Log files were not written due to an error writing to the directory:

搜索cmd，右键以管理员运行第二种情况:之前配置过vue环境，现在再次使用时报错第一步：删除C:\Users\用户\下的.npmrc文件第二步：在dos命令下输入：npmcacheclean--forcenpminstall-gcnpm

阿波拉·2024-01-29 04:19

vuepress搭建个人博客以及部署

vuepress，Vue驱动的静态网站生成器，以Markdown为中心的项目结构，以最少的配置帮助你专注于写作。

niech_cn·2024-01-29 04:48

vue环境安装 nodejs和vue

npm是NodeJS下的包管理器，vue-cli脚手架模板就是基于node下的npm来完成安装的。

阿波拉·2024-01-29 04:18

mpvue微信小程序获取用户信息(wx.getUserInfo)调整

一、问题描述这两天学习使用mpvue开发微信小程序遇到一个版本问题，之前老版本可以通过wx.getUserInfo就可以获取到用户信息了，但是在4月15号的时候，微信以提升用户体验，更改了获取用户信息的方式

zackxizi·2024-01-29 04:49

three.js使用轨道控件OrbitControls控制相机(vue中使用three.js65)

使用轨道控件OrbitControls控制相机1.demo效果2.OrbitControls介绍3.实现要点3.1vue中引入OrbitControls控制器3.2创建轨道控件实例3.3render中更新轨道控件

点燃火柴·2024-01-29 04:43

推荐频道

前端学习之路—Vue