vue组件的五种传值方法(父子\兄弟\跨组件) 一、props/$emit父子组件传值: 父传子 (自定义属性 props) 父组件向子组件传参,通过自定义属性的方式进行传参,在子组件中使用prop定义自定义的属性,然后在父组件中通过v-bind指令把需要传递的数据绑定在子组件上,那在子组件中props里面的自定义属性可以直接使用。 //父组件代码 渲染子组件 <Son :name="name" /> // 子组件代码,接 前端 2025年06月26日 192 点赞 0 评论 11486 浏览
You are using the runtime-only build of Vue where the template compiler is not available image.png 原因分析:vue有两种形式的代码 compiler(模板)模式和runtime模式(运行时),vue模块的package.json的main字段默认为runtime模式, 指向了"dist/vue.runtime.common.js"位置 解决方法一、 报错后main.js代码: import App from './App' import router from 前端 2025年06月26日 73 点赞 0 评论 11739 浏览
CSS基础-08-Display(隐藏元素 display:none,内联元素转块元素 display:inline,块元素 → 内联元素 display:block) 1. 隐藏元素 (display:none) 1.1 Display 作用: 隐藏某个元素,且该元素不占用空间。 示例 {display:none;} 1.2 和 Visibility比较 作用 隐藏某个元素,但该元素仍占用之前空间。 语法 visibility:hidden 2. 内联元素→ 块元素 (display:inline) 内联元素(行内元素) 语法 dis 前端 2025年06月25日 89 点赞 0 评论 2439 浏览
2022年Vue面试题 本次让我们系统的熟悉vue的面试常用题目,无论是给准备面试还是准备跳槽的小伙伴,一个学习以及温故知新的版块。这其中加入了我的理解,我尽量用白话文和易懂的语言形式进行解释,如果有地方解释的不正确或者不准确的情况,还请大家不吝赐教。 2022年大环境的不景气,让我们用知识充实自己,面对生活的一次次挑战与考验,加油! 入门级: 1:什么是mvvm? MVVM是Model-View-ViewModel的简 前端 2025年06月25日 44 点赞 0 评论 15301 浏览
前端跨局域网访问后端API的常见问题与解决方案 个人名片 🎓作者简介:java领域优质创作者 🌐个人主页:码农阿豪 📞工作室:新空间代码工作室(提供各种软件服务) 💌个人邮箱:[2435024119@qq.com] 📱个人微信:15279484656 & 前端 2025年06月25日 183 点赞 0 评论 19243 浏览
零基础也能懂的 Web 爬虫实战教程(超完整 Java 项目解析!) 法律声明与警告 一、法律依据: 本软件适用下列中华人民共和国法律法规及司法解释,用户必须全面遵守: 1. 《中华人民共和国网络安全法》(2017 年 6 月 1 日实施) 2. 《中华人民共和国刑法》(2015 年修订,2020 年修订版) 3. 《个人信息保护法》ÿ 前端 2025年06月25日 34 点赞 0 评论 18928 浏览
【前端实战】如何让用户回到上次阅读的位置? 目录【前端实战】如何让用户回到上次阅读的位置?一、总体思路1、核心目标2、涉及到的技术二、实现方案详解1、基础方法:监听滚动,记录 scrollTop(不推荐)2、Intersection Observer + 插入探针元素3、基于 URL Hash 锚点跳转三、总结1、不同方案间对比总结2、结语 作 前端 2025年06月25日 45 点赞 0 评论 1798 浏览
前端获取IP地址方法总结 通过配置vite获取IP地址实现效果 实现方法1、需要下载os插件npm i os2、获取内网IP地址的方法import os from 'os'; export function getNetworkIp() { let needHost = ''; try { const network = os.networkInter 前端 2025年06月25日 33 点赞 0 评论 2065 浏览
Web 架构之缓存策略实战:从本地缓存到分布式缓存 文章目录 一、思维导图 二、正文内容 (一)本地缓存 1. 简介 2. 常见实现 3. 使用场景 4. 优缺点 (二)分布式缓存 1. 简介 2. 常见实现 3. 使用场景 4. 优缺点 5. 缓存问题及解决方案 三、总结 一、思维导图 #mermaid- 前端 2025年06月25日 191 点赞 0 评论 4832 浏览
webpack 打包多页面应用 和传统的单页面应用打包不同,多页面应用其实就是配置多个入口,生成多个bundle。 下面就来看看具体应该怎么操作吧 image.png 这是官方提供的示例,可以看到,entry变成了一个对象,而里面每一个键值对则就对应了我们每一个最终生成的bundle。文档地址:#separate-ap 前端 2025年06月22日 139 点赞 0 评论 7119 浏览