后端速成Vue 第18页

vue3中provide和inject使用。

在Vue3中，provide和injectAPI是一种非常强大的功能，用于在组件层级之间传递数据，特别是在处理深层嵌套组件时非常有用。

gxw_viva·2024-09-07 08:43

Vue 3 中 provide 和 inject 高级用法与最佳实践

《Vue3中provide和inject高级用法与最佳实践》一、基本概念二、高级用法（一）提供函数（二）响应式数据（三）多值提供三、最佳实践（一）封装通用服务（二）避免过度依赖（三）命名规范（四）结合Vuex

暖阳浅笑-嘿·2024-09-07 07:12

Vue 子组件向父组件传值

1、使用自定义事件($emit)这是Vue中最常用的子组件向父组件传递数据的方式。子组件通过触发一个自定义事件，并附加数据作为参数，父组件则监听这个事件并处理传递过来的数据。

u010373106·2024-09-07 07:10

class 7: vue.js 3 前端工程化

默认情况下，不能直接使用单文件组件来编写组件，因为浏览器不认识SFC(.vue)文件。

Clarence Liu·2024-09-07 07:39

如果可以，我建议写作慢一点

原因在于之前的写作“图快”，快速成文，不检查，不反思，为了打卡而打卡，为了速度而速度，反而耽误了练好基本功的时间。写作可以很快，研究爆款文的套路，写好爆款文的标题，掌握好这些“

芹菜qincai·2024-09-07 07:47

Vue2 中对数组进行操作时需要注意什么

在Vue2中，对数组进行操作时有一些需要特别注意的地方，以确保Vue的响应式系统能够正确地检测和反应数据的变化。

m0_73882020·2024-09-07 07:37

云对象 - 重新定义前后端交互

其他技术飞速发展，而前后端交

hbcui1984·2024-09-07 07:06

vue part6

Vue脚手（CLI）第一步（仅第一次执行）：全局安装@vue/cli。

E___V___E·2024-09-07 07:05

Result 和自定义异常在前后端交互中的作用

Result和自定义异常在前后端交互中扮演着重要的角色。它们可以帮助我们规范化接口返回值,提高错误处理的可读性和可维护性。

Tdm_888·2024-09-07 06:33

Vue 3 中的 provide 和 inject 跨组件通讯

在Vue3中，provide和inject的使用方式略有不同，但依然提供了强大的功能来实现跨组件通信。1.祖先组件提供数据在祖先组件中使用provide提供数据。

u010373106·2024-09-07 06:03

邀您一起编写《架构演进之路》

前言一、笔者介绍二、写书起源1.B站讲课2.编辑邀约三、书籍申报信息1书籍目录2书籍简介3选题和特色四、谈一谈为什么要发起合力写书这件事1定位2目标3作用4当前坑位五、提示六、结束语前言本书技术栈涉及前后端

猿脑2.0·2024-09-07 05:57

生成一个完整的游戏商城代码是一个复杂的任务，因为它涉及到前端设计、后端逻辑、数据库管理、安全性等多个方面。不过，我可以为您提供一些用不同编程语言编写的代码片段作为起点或示例。

HTML:htmlGameStoreWelcometoGameStoreJavaScript(使用FetchAPI与后端通信):javascript//假设有一个后端API返回游戏列表fetch(‘/api

PrimoRosal·2024-09-07 05:54

生成一个完整的游戏商城代码是一个相当复杂的任务，因为它涉及到前端界面、后端逻辑、数据库设计等多个方面。不过，我可以为您提供一个简单的示例，展示如何在不同编程语言中构建游戏商城的基本框架。

HTML(结构)html游戏商城CSS(样式)css/*styles.css/#game-list{/样式代码*/}JavaScript(交互逻辑)javascript//script.js//假设从后端

HaydenDryden·2024-09-07 05:54

生成一个完整的App代码涉及到多个组件和不同的编程语言，这通常包括前端（用户界面）、后端（服务器逻辑和数据存储）以及可能的数据库。由于直接在回答中提供完整的应用代码是不现实的，我将为你概述一个简单Ap

假设的App:简单的待办事项列表tcjmbj.cn前端（移动应用）iOS(Swift/SwiftUI)swift//假设的ContentView.swiftimportSwiftUIstructContentView:View{@Stateprivatevartasks=[“Buymilk”,“Dolaundry”,“Walkthedog”]varbody:someView{NavigationV

EugeneBecher·2024-09-07 05:24

创建一个完整的游戏商城代码示例会相当复杂，因为它涉及到前端展示、后端逻辑处理、数据库交互等多个方面。不过，我可以为你提供一个简化的概念性示例，分别用几种流行的编程语言和技术栈来概述这个过程。

前端（HTML+CSS+JavaScript）gwygov.cnHTML(结构)html游戏商城欢迎来到游戏商城CSS(样式)cssbody{font-family:Arial,sans-serif;}#gameList{display:flex;flex-wrap:wrap;justify-content:space-around;}.gameItem{width:30%;border:1pxs

EugeneBecher·2024-09-07 05:24

由于一个完整的购物商城代码涉及多个方面（如前端、后端、数据库等），并且由于篇幅限制，这里我将给出各种语言中一些核心部分的简化示例。 1. HTML (前端) HTML 负责页面的结构。 html

由于一个完整的购物商城代码涉及多个方面（如前端、后端、数据库等），并且由于篇幅限制，这里我将给出各种语言中一些核心部分的简化示例。HTML(前端)HTML负责页面的结构。

代码小狂热者·2024-09-07 05:53

vue3，贪吃蛇

}速度:{{speed}}游戏暂停按空格键开始/暂停重新开始import{ref,reactive,onMounted,toRefs,watch,computed,onUnmounted,}from"vue

har01d·2024-09-07 04:20

java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档

计算机毕业设计生产管理系统源代码+数据库+系统+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术

影伴设计·2024-09-07 04:18

vue前端实现打印功能

方案一：window.print()这个命令默认打印整个页面的内容，所以，如果想要实现局部打印功能的话，就要重新给body赋值，并且后续执行完之后再还原回去，这样的话会造成一些非预期的结果，很麻烦，并且在当前也操作，window.document.body的内容重新渲染，打印完会有刷新，影响用户的体验，所以不推荐方案二：利用iframe，iframe.contentDocument.execCom

是小芳芳呀·2024-09-07 04:17

Vue-技巧

1.watch一个变量的时候，初始时并不会执行。需要在create的时候手动调用一次。可以在watch的时候添加immediate属性，这样初始化的时候也会触发。2.Attrs和Listeners。V-bind="$attrs",V-bon="listeners"来获取到没有定义的props以及方法3.Object.freeze:1.大数据的时候，如果有一些数据不需要响应式变化，既可以拆分组件，做

菜鸟出动大神让路·2024-09-07 04:58

浅谈一下前后端分离（什么是前后端分离以及前后端分离的原理）

相信学习完ssm的同学就会经常听说一个词，前后端分离（弹幕飘过:以后公司中项目都是前后端分离的），你可能会迷惑，什么是前后端分离，以及前后端分离的原理或者说是怎么实现的。

java_upp·2024-09-07 04:46

关于nginx配置文件不起作用的解决

不知道你有没有这样的问题，在nginx的配置文件里进行了修改，但是进行前后端项目时，还是出现了跨越问题。

java_upp·2024-09-07 04:16

计算机毕业设计springboot健身中心前台信息管理系统qotli源码+系统+程序+lw文档+部署

健身中心前台信息管理系统qotli源码+系统+程序+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术

呦呦网络·2024-09-07 03:11

FTL stack trace (“~“ means nesting-related): - Failed at: #include “../common.ftl“ 报错解决

后端报错：Templatenotfoundforname"..

AE_·2024-09-07 03:10

基于JAVA家庭记账系统计算机毕业设计源码+系统+mysql数据库+lw文档+部署

家庭记账系统计算机毕业设计源码+系统+mysql数据库+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术

丽扬科技·2024-09-07 02:09

基于JAVA智能推荐二手车交易网站计算机毕业设计源码+系统+数据库+lw文档+部署

光光网络·2024-09-07 02:07

在 Vue 3 中，如何使用 Teleport 来优化组件的 DOM 结构？

在Vue3中，是一个内置组件，它允许你将组件的DOM输出到组件外部的DOM节点中。

盼盼盼·2024-09-07 01:28

【vue3+ts+vant】上传图片

1.使用van-upload组件，进行样式和功能配置组件基础结构配置文字和图标配置最多数量和最大体积支持双向数据绑定，支持选择图片后触发函数，支持点击删除事件函数基础结构最多9张图,最大5MB修改组件样式scss::v-deep(){.van-uploader{&__preview{&-delete{left:-6px;top:-6px;border-radius:50%;background-c

lisa带你捕蟑螂·2024-09-07 00:54

使用vue3+ts封装一个自动补全输入框Autocomplete组件

创建一个名为Autocomplete.vue的文件，在这个组件中，使用了Vue3的CompositionAPI，包括ref、watch、onMounted等。

温暖前端·2024-09-07 00:22

NODE_ENV 与 Vue

NODE_ENV与VueNODE_ENV变量只能在系统中配置吗？其实不然。在Vue项目中，Vue提供了自己的配置方式。这就要涉及到VueCLI中模式的概念了。VueCLI文档说明了这个问题。

乞力马扎罗的血·2024-09-06 23:09

uniapp，vue3，ts，接口封装、小程序登录

在src下创建public文件夹，在public文件夹里创建request.ts//设置基地址constbaseUrl='https://meituan.thexxdd.cn/api'//封装请求functionrequest(url:string,method:'GET'|'POST',data:string|object|ArrayBuffer){returnnewPromise((resol

程序猿_“大神”·2024-09-06 23:19

vue3+ts封装类似于微信消息的组件

组件代码如下：{{duration}}'' {{duration}} ''import{ref,computed,withDefaults,onBeforeUnmount}from"vue

月伤59·2024-09-06 23:47

css deep深度选择器 vue2/vue3使用

vue2/deep/>>>::v-deepvue3:deep(inner-selector){}

saunte·2024-09-06 22:46

@RequestBody部分值传入，部分值为null的问题

一开始觉得是Double类型的缘故，在这里改来改去，然后最后由聪明的张经理发现，是因为postman传的json名称那里多了空格，导致与后端属性映射不上，特此记录，搞开发一定要多多考虑，否则就会死在很小的点上

seasugar·2024-09-06 22:16

面试被问还不懂？一口气怼完12种@Transactional的失效场景

数据库事务是后端开发中不可缺少的一块知识点。

谁叫我土豆了·2024-09-06 22:48

css-深度选择器-vue2

/deep/伪类在Vue2.x中是一个被废弃的特性，并且在Vue3.x中已经移除。

"*smile*"·2024-09-06 22:14

Vue.js初学—简易计算器（使用属性监听watch，动态监听input及select的变化）

Vue.js初学—简易计算器（监听input的输入值变化事件，从而实现结果的动态刷新）学习到了属性监听watch，对于简易计算器的有了新的思路。

Dove_Y·2024-09-06 22:13

CSS Vue3深度选择器

技术栈：Vue3TypeScriptViteVant1.在template中的布局2.当我们在style标签中需要改变vant组件的样式时，需要使用到深度选择器背景：scope样式私有化，避免样式冲突原理

不叫虎子·2024-09-06 22:42

讲清Object.defineProperty()方法 PS: Vue@2.x 底层实现数据劫持就是调用该方法实现的。

[学习文档地址]https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty目录[学习文档地址]为什么要使用Object.defineProperty()？Object.defineProperty()工作原理语法参数返回值方法描述属性描述符它们共享以下可

呼叫6945·2024-09-06 22:42

使用Vue组件的watch监听-简单计算器

Vue组件的初探一、浅析这里做了一个全局的组件vue.component('mycomp',{})在中写组件，将id=comp1script中直接template:"#copm1"其他的部分就是之前所讲的

编程初学者01·2024-09-06 22:41

Vue2、Vue3中 CSS 样式穿透

Vue2一、箭头三剑客(原生css)>>>.类名>>>.类名{样式}二、（sass、less中）：/deep//deep/.类名{样式}三、（sass、less中）：

lsy1234565·2024-09-06 22:41

动态绑定 class 的几种实现方式 - Vue

方式一：通过Class与Style绑定的方式即三目运算的判断方式设置样式，也是Vue官方推荐的方式，具体code实现如下：html代码片段点击抽题js代码片段importProjectEnviromentfrom

survivorsfyh·2024-09-06 21:06

vue中的css深度选择器

在Vue.js项目中，尤其是在使用组件化开发时，我们时常需要修改组件内部的样式，但Vue的样式封装特性（如）会阻止外部样式直接作用于组件内部。

呼叫6945·2024-09-06 21:37

探索未来编程新纪元：flow-eda——可视化低代码的创新实践

探索未来编程新纪元：flow-eda——可视化低代码的创新实践flow-eda采用springboot+vue/react搭建的一个基于事件驱动的流式低代码编程应用程序，您可以在编辑器中采用拖拽的形式来实现业务编程工作

史锋燃Gardner·2024-09-06 20:28

vuedose.tips（翻译系列二十三）

UsingScopedSlotsinVue.js我多次认识到想要在Vue.js进行编码时如何提高生产力这是一个过于开放的问题，但是至少可以通过以下方式实现这一点：确定他们在应用程序中经常构建的功能，然后拥有可重用组件的工具包

知识文青·2024-09-06 19:41

H5小程序开发怎么挑选服务器

在移动互联网的浪潮中，H5小程序以其跨平台、易传播、开发成本低等优势，迅速成为企业拓展线上业务的重要工具。然而，一个优秀的H5小程序背后，离不开稳定、高效的服务器支持。

qq177803623·2024-09-06 18:18

IT技术学习之开发(六)

上次好像说到了反映zabbix数据，我又打算回到web形式，一劳永逸，比word形式的更好，但web形式的开发又涉及到了很多其他技术，比如前端、中间件，以及如何用它们调用后端数据。

opcc·2024-09-06 17:21

【精选】基于HTML5技术应用于智能宠物寻找与领养系统的设计与实现（全网独一无二，阿龙独创）

技术范围：我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nod

程序员阿龙·2024-09-06 17:34

Memcached多维度查询解密：高效缓存策略全解析

标题：Memcached多维度查询解密：高效缓存策略全解析摘要在现代的高性能网络应用中，缓存机制是提升数据访问速度和减轻后端服务器压力的关键技术。

2402_85758936·2024-09-06 16:02

当一个程序员的博客突然变少

shigen坚持更新文章的博客写手，擅长Java、python、vue、shell等编程语言和各种应用程序、脚本的开发。记录成长，分享认知，留住感动。个人IP：shigenhello，伙伴们好久不见。

shigen01·2024-09-06 16:59

推荐频道

后端速成Vue