前端学习之路—Vue 第113页

解决vue路由跳转页面不刷新（页面变量加载不自动刷新）问题的两种方法

id=2，参数切换后，数据未更新vue-router同路由$router.push不跳转一个简单解决方案vue-router跳转一般是这么写：toCurrentPage:function(thisId)

zoomlaCMS·2024-01-30 17:04

发现了一款宝藏学习项目，包含了Web全栈的知识体系，JS、Vue、React知识就靠它了！

前言在当今互联网时代，一切以页面、UI为主要呈现方式，web全栈开发工程师的需求越来越大。然而，市场上大多数工程师只会使用api而不了解其原理，这种情况使得他们变得可替代。因此，成为一个高级开发工程师需要具备全面的知识体系。在本文中，小编将向大家推荐一个项目，帮助大家了解web全栈工程师的知识体系，让自己的学习有明确的方向。项目介绍Senior-FrontEnd是一个高级开发工程师必备的开源学习指

孜孜孜孜不倦·2024-01-30 17:00

JavaWeb基础01-基本技术体系介绍和相关工具的安装

也称为万维网(www)，能够通过浏览器访问的网站JavaWeb：是用Java技术来解决相关web互联网领域的技术栈2.组成（1）网页：展示数据（前端技术）HTML+CSSJavaScriptAjax，Vue

辉图·2024-01-30 17:52

初识Vue 3.0 —— component：组件创建

data(){return{lists:[{id:0,title:"组件第1条数据"},{id:1,title:"组件第2条数据"},{id:2,title:"组件第3条数据"}]}}}constCpt=Vue.cr

兔子敲代码·2024-01-30 17:52

初识Vue 3.0 —— v-html: 插入html

9.v-html插入html没有用v-html:{{rhtml}}用v-html://v-htmlconsthtmls={data(){return{rhtml:"我的红色的"}}}Vue.createApp

兔子敲代码·2024-01-30 17:52

初识Vue 3.0 —— 动态class绑定

16.Class绑定<div:class="{active:isActive,'fw6':isA}"></div>{{isA?"点我变小":"点我变大"}}注意：绑定class属性值是单括号{}——动态class名可以带引号，也可以不带，当然也可以是一个对象：包含多个class绑定样式，绑定事件不带括号，绑定文本值是双括号{{}}//绑定classconstclassb={

兔子敲代码·2024-01-30 17:21

vue 3.0 初识

vue.htmlvue{{msg}}{{msg}}姓名:{{use.name}}年龄:{{use.age}}性别:{{use.gender}}constapp={data(){return{//返回vue

weixin_45782719·2024-01-30 17:51

vue实现点击当前标签高亮效果之法

倦流年，韶华蹉跎，岁月如歌，时间流过。效果如下在这里插入图片描述在data中定义即将渲染的数据，及activedata(){return{wpList:[{name:'食品饮料'},{name:'鲜花'},{name:'蛋糕'},{name:'水果生鲜'},{name:'服装鞋帽'},{name:'其它'}],active:''}}定义高亮的标签类名.active{background:rgba(

魔仙堡杠把子灬·2024-01-30 17:49

【开发者说】HarmonyOS实践之应用状态变量共享

‍个人主页：《爱蹦跶的大A阿》当前正在更新专栏：《VUE》、《JavaScript保姆级教程》、《krpano》、《Krpano中文文档》平时在开发的过程中，我们会在应用中共享数据，在不同的页面间共享信息

爱蹦跶的大A阿·2024-01-30 17:49

Webpack5中使用file-loader和url-loader打包图片

最近在看coderwhy老师的Vue3视频，进度：Webpack打包图片资源。

彭宏豪·2024-01-30 17:29

Vue.js中＜input ref=“input“＞

在Vue.js中，ref是一个特殊的属性，用于注册一个引用信息。这个引用信息可以用来直接访问DOM元素或子组件实例。对于，这里我们通过ref属性将该元素注册为名为"input"的引用。

HWL5679·2024-01-30 17:33

vue中nextTick()

在Vue.js中，nextTick()是一个非常有用的方法，用于在下一个DOM更新循环结束后执行延迟回调。这在你需要读取或写入刚刚更新的DOM时非常有用。

HWL5679·2024-01-30 17:31

去掉井号

constrouter=newVueRouter({routes:[{path:"/",component:Home},{path:"/helloworld",component:HelloWorld}

知识分享share·2024-01-30 16:28

一、创建Vue3项目

设置淘宝镜像源npmconfigsetregistryhttps://registry.npmmirror.com/设置淘宝镜像源npmconfiggetregistry查看当前镜像源3.创建项目快速上手|Vue.jsnpmcr

王布尔·2024-01-30 16:48

二、Vue3文件目录介绍

node_modules:项目的依赖库；src：我们主要操作的地方，组件的增加、修改等都在这个文件夹里操作；assets:放置静态资源，包括公共的css文件、js文件、iconfont字体文件、img图片文件以及其他资源类文件。之所以强调是公共的css文件，是因为要在组件的css标签里加入‘scoped‘标记，将其作用范围限制在此组件以及调用它的父级组件中，避免污染全局样式；components:

王布尔·2024-01-30 16:48

前后端分离的课程管理系统 springboot-vue，毕业设计

课程管理系统springboot-vue基于sprinboot-vue的前后端分离的学生选课系统（课程管理系统）身份:学生，教师，教务管理员功能：学生：选课，查看课程，查看课表，成绩查询，个人信息修改维护老师

瞬间的醒悟·2024-01-30 16:41

再学vue3的优势

vue3对vue2有什么优势性能更好（编译优化、使用proxy等）体积更小更好的TS支持更好的代码组织更好的逻辑抽离更多新功能vue3和vue2的生命周期有什么区别OptionsAPI生命周期beforeDestroy

亮学长·2024-01-30 15:57

【前端100问】Q23：聊聊 Redux 和 Vuex 的设计思想

写在前面此系列来源于开源项目：前端100问：能搞懂80%的请把简历给我为了备战2021春招每天一题，督促自己从多方面多角度总结答案，丰富知识聊聊Redux和Vuex的设计思想整合地址：前端100问正文回答在软件开发里

alanwhy·2024-01-30 15:12

【前端】日期转换

记录项目中需要处理的日期格式默认vue2初级版将后端传来的数组['2024/01/2908:55:18','2024/01/2909:55:18','2024/01/2910:11:18']转为['2024

lucky友人a·2024-01-30 15:58

【前端】Echarts使用三纵坐标

环境：vue2如果是npm替换一下yarn即可yarnaddecharts@^4.9.0main.js中引入importechartsfrom'echarts';Vue.prototype.

lucky友人a·2024-01-30 15:58

解读新创建vue项目的各个目录的作用

当你使用vuecreate命令创建一个新的Vue项目时，会自动生成一些基础目录和文件，它们的作用如下：node_modules:存储项目的依赖包，包括开发依赖和运行依赖。

晚风皆是过客.·2024-01-30 14:35

Vue打包后放到服务器出现Loading chunk * failed 错误

解决偶现问题Loadingchunk**failed原因：路由异步加载组件报错，错误来源webpack进行codespilt之后某些bundle文件lazyloading失败解决方案：错误在一个路由守卫函数中被同步抛出错误在一个路由守卫函数中通过调用next(err)的方式异步捕获并处理渲染一个路由的过程中，需要尝试解析一个异步组件时发生错误将异步组件改为同步组件router.onError(er

web星孑·2024-01-30 14:38

利用qrcode.vue库生成二维码

利用qrcode.vue库生成二维码安装在vue2中npminstall--saveqrcode.vue@1#yarnaddqrcode.vue在vue3中npminstall--saveqrcode.vue

时雨.`·2024-01-30 14:03

Web前端开发工具总结

nvm管理nodejs和npm的版本二、什么是vue-cli？vue-cli是一个官方发布vue.js项目脚手架，使用VueCLI

Java架构何哥·2024-01-30 14:02

vue中动态生成li，并且选中的li动态改变背景色

titleli{list-style:none;cursor:pointer;width:300px;}.bg{background-color:red;color:#fff;}{{item}}newVue

IT小白3·2024-01-30 14:31

Vue3 通过ref获取DOM节点

官方定义：ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，引用指向的就是DOM元素；如果用在子组件上，引用就指向组件实例。hellochild=el">当v-for用于元素或组件的时候，引用信息将是包含DOM节点或组件实例的数组。一；获取单个绑定了ref属性的标签结点1.给想要获取DOM元素的标签加上ref属性，并自定义一个名称2.

IT小白3·2024-01-30 14:31

鸿鹄工程项目管理系统em Spring Cloud+Spring Boot+前后端分离构建工程项目管理系统

Java版工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离功能清单如下：首页工作台：待办工作、消息通知、预警信息，点击可进入相应的列表项目进度图表

微服务技术分享·2024-01-30 14:30

vue-router下history与hash的区别

Vue-router中history和hash的区别:hash模式下#后的数据会作为hash值,所以只会将主机地址给服务器,且输入网址时不会刷新网页history模式下在网址栏里的数据全部会带给服务器,

wilsonwd·2024-01-30 14:59

vscode的vue代码提示与补全没反应

问题：vscode的里面写vue时候代码提示用不了了问题描述：上午还正常使用，下午不知道什么原因突然没有代码提示了！

烟雨任平生╰·2024-01-30 14:28

vscode写vue时突然不会自动补全?可能是插件失效了!

看一下自己vscode中的插件吧有可能是最近刚更新过插件,导致插件失效了,以我遇到的情况来说:我使用的插件是TypeScriptVuePlugin(Volar)和VueLanguageFeatures(

wilsonwd·2024-01-30 14:24

【学习笔记】Vue3源码解析：第一部分-实现vue3环境搭建

课程地址：【已完结】全网最详细Vue3源码解析！

youyoufenglai·2024-01-30 14:53

【vue3学习笔记】（P153节 - P155节）watch时value的问题；watchEffect函数；vue3生命周期

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P153节-P155节笔记：P153watch时value的问题watch一个ref定义的基本类型响应式数据时，是不需要.value的

youyoufenglai·2024-01-30 14:22

[Vue3学习笔记]Vue3生命周期和自定义hook函数

Vue3学习笔记Vue2和Vue3生命周期的区别自定义hook函数获取鼠标位置封装axios的hook如果我们要加一个监听呢？

钧桐·2024-01-30 14:22

npm版本管理

我们经常看到一些项目的版本还带着后缀，比如React的18.0.0-rc.3、Vue的2.7.0-alpha

汝&戏·2024-01-30 14:14

【Java之Vue】

VueVue基础语法创建对象及插值表达式{{msg1+msg2}}//newVue创建一个Vue对象//一个Vue对象一旦创建,会立即检测自己的el属性,找到对应id的html作用域//和对应的作用域建立

Bigcoding·2024-01-30 14:07

vue+axios+promise实际开发用法

vue+axios+promise实际开发用法vuex核心&数据响应式原理vuex使用总结（详解）vue的双向绑定原理及实现一、axios的介绍axios是由promise封装的一个http的库。

kalvin_y_liu·2024-01-30 14:34

vuex &store,mutations,getters,actions

文章目录1.vuex概述2.构建vuex【多组件数据共享】环境Son1.vueSon2.vueApp.vue3.创建一个空仓库4.如何提供&访问vuex的数据①核心概念-state状态1.通过store

W`hite·2024-01-30 14:57

SpringBoot + Mybatis 快速入门实战

一.创建Spring项目出现报错的话，换一个jdk创建，一般java8选择SpringWeb测试一下默认端口8080，但是Vue也需要8080，因此，后端设置一个端口3000再次测试，成功此处，如何kill

阿斯卡码·2024-01-30 14:19

宝塔nginx部署前端页面刷新报404

问题：当我们使用脚手架打包前端项目的时候，如果前端项目并没有静态化的配置，如以下当我们刷新页面，或进行路由配置访问的时候就会报404的错误原因：这是因为通常我们做的vue项目属于单页面开发。

月亮被咬碎成星星·2024-01-30 13:47

Vue-45、Vue中全局事件总线

2、安装全局事件总线：newVue({........beforeCreate(){Vue.prototype.$bus=this;//安装全局事件总线}..............}).

一叶飘零晋·2024-01-30 13:11

如何统一监听Vue组件报错

window.onerror全局监听所有JS错误，包括异步错误但是它是JS级别的，识别不了Vue组件信息，Vue内部的错误还是用Vue来监听捕捉一些Vue监听不到的错误errorCaptured生命周期监听所有下级组件的错误返回

亮学长·2024-01-30 13:11

vue生命周期

Vue2生命周期钩子Vue组件的生命周期由一系列的钩子函数组成，这些钩子函数允许你在组件生命周期的不同阶段执行自定义的逻辑。

亮学长·2024-01-30 13:11

Vue-44、Vue中TodoList案例_自定义事件实现

1、App.vueimportMyHeaderfrom'./components/MyHeader'importMyFooterfrom'.

一叶飘零晋·2024-01-30 13:41

在实际工作中，可以对Vue做哪些优化

v-if和v-showv-if彻底销毁组件v-show使用dispaly切换block/none实际工作中大部分情况下使用v-if就好，不要过渡优化v-for使用keykey不要使用index使用computed缓存keep-alive缓存组件频繁切换的组件tabs不要乱用，缓存会占用更多的内存异步组件针对体积较大的组件，如编辑器、复杂表格、复杂表单拆包，需要时异步加载，不需要时不加载减少主包体积

亮学长·2024-01-30 13:40

Vue-40、Vue中TodoList案例

1、MyHeader.vueimport{nanoid}from'nanoid'exportdefault{name:"MyHeader",props:['addTodo'],data(){return

一叶飘零晋·2024-01-30 13:10

【开源】基于JAVA+Vue+SpringBoot的民宿预定管理系统

租客角色2.2.2房主角色2.2.3系统管理员角色三、系统展示四、核心代码4.1查询民宿4.2新增民宿4.3新增民宿评价4.4查询留言4.5新增民宿订单五、免责说明一、摘要1.1项目介绍基于JAVA+Vue

桑程程·2024-01-30 13:31

【开源】基于JAVA+Vue+SpringBoot的婚恋交友网站

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2会员管理模块2.3新闻管理模块2.4相亲大会管理模块2.5留言管理模块三、系统设计3.1用例设计3.2数据库设计3.2.1会员信息表3.2.2新闻表3.2.3相亲大会表3.2.4留言表四、系统展示五、核心代码5.1查询会员5.2查询相亲大会5.3新增留言5.4查询留言5.5查询新闻六、免责说明一、摘要1.1项目介绍基于JA

桑程程·2024-01-30 13:01

【开源】基于JAVA+Vue+SpringBoot的数据可视化的智慧河南大屏

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块三、系统展示四、核心代码4.1数据模块A4.2数据模块B4.3数据模块C4.4数据模块D4.5数据模块E五、免责说明一、摘要1.1项目介绍基于JAVA+Vue

桑程程·2024-01-30 13:27

vue2.0—路由嵌套和路由传参

vue2.0—路由传参构建项目和创建组件就不细说了，不懂的可以去官方文档API学习VUE官方文档：https://cn.vuejs.org/v2/guide/vue2.0路由传参一共有两种放法1.创建组件

杀个程序猿祭天·2024-01-30 13:16

【Vue】前端项目引入阿里图标

【Vue&React】前端项目引入阿里图标1、登录自己的iconfont-阿里巴巴矢量图标库，把需要的图标加入到自己的项目中去；2、加入并进入到项目中去选择Fontclass并下载到本地3、得到的文件夹如下

香菜啵子欸·2024-01-30 13:15

推荐频道

前端学习之路—Vue