文章 2024-06-25 来自:开发者社区

【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!

一、Keep-alive 是什么 keep-alive是vue中的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM keep-alive 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们 keep-alive可以设置以下props属性: include - 字符串或正则表达式。只有名称匹配的组件会被缓存 exclude...

文章 2024-05-30 来自:开发者社区

【前端--Vue】组件之间的多种通信方式,一文彻底搞懂组件通信!

本篇将重点讲解vue中的多种组件通信方式,包括【父传子】【子传父】【兄弟组件通信】【依赖注入】等等,并提供具体案例来让小伙伴们加深理解、彻底掌握!喜欢的小伙伴们点赞收藏,持续关注哦~ 上一篇文章 史上最详细的Vue入门教程(六) --- 工程化开发和脚手架、组件注册 系列专栏 vue从基础到起飞 ...

【前端--Vue】组件之间的多种通信方式,一文彻底搞懂组件通信!
文章 2024-05-30 来自:开发者社区

【前端开发---Vue2】史上最详细的Vue入门教程(六) --- 工程化开发和脚手架、组件注册

本篇将重点讲解vue中的【工程化开发和脚手架 】【项目运行流程 】【组件化与组件注册 】......,并提供具体案例来让小伙伴们加深理解、彻底掌握!喜欢的小伙伴们点赞收藏,持续关注哦~ 上一篇文章 史上最详细的Vue入门教程(五) --- 细讲‘生命周期’ 系列专栏 vue从基础到起飞 声明:图片资源来自于黑马程序员公开学习资料本人在...

【前端开发---Vue2】史上最详细的Vue入门教程(六) --- 工程化开发和脚手架、组件注册
文章 2023-09-16 来自:开发者社区

前端经典面试题 | Vue组件间的通信方式

一、回答点普遍的 说 三四个即可 父/子 props/emit eventBus  provide/ inject 等..二、深入回答props/$emit        简述: 父组件通过 props 向子组件传递数据,子组件通过 $emit 和父组件通信父组件向子组件传值props 只能由父组件对子组件进行传值, 使得父子组件之间形成一个单向....

文章 2023-08-29 来自:开发者社区

前端Vue模板页面(组件最全)

https://github.com/PanJiaChen/vue-element-admin/

文章 2023-07-16 来自:开发者社区

前端页面全新的写法(第七课)Vue中的组件

VueCli框架的实操内容(第七课)Vue中的组件组件是可复用的 Vue 实例, 把一些公共的模块抽取出来,然后写成单独的的工具组件或者页面,在需要的页面中就直接引入即可那么我们可以将其抽出为一个组件进行复用。例如 页面头部、侧边、内容区,尾部,上传图片,等多个页面要用到一样的就可以做成组件,提高了代码的复用率。个人观点:Vue组件等价于模块思想文档内容解释 (6条消息) VueCLi....

前端页面全新的写法(第七课)Vue中的组件
文章 2023-06-20 来自:开发者社区

前端工程化组件化开发框架之Vue的组件的动态和异步

Vue.js作为一个优秀的前端组件化开发框架,提供了完善的动态和异步机制。 下面是一个简单的示例,演示如何在Vue.js中注册一个名为HelloWorld的组件,并实现动态和异步加载和渲染。htmlCopy code<template>  <div>    <divv-if="isLoading"class="loading-spinn....

文章 2023-06-20 来自:开发者社区

前端工程化组件化开发框架之Vue的组件的插槽

插槽是一种用于放置内容的机制,可以让组件根据不同的场景在不同的位置展示不同的内容。Vue.js作为一个优秀的前端组件化开发框架,提供了完善的插槽机制。 下面是一个简单的示例,演示如何在Vue.js中注册一个名为HelloWorld的组件,并在组件中使用插槽展示不同的内容。htmlCopy code<template>  <div>    &am...

文章 2023-06-20 来自:开发者社区

前端工程化组件化开发框架之Vue的组件的事件

在Vue.js中,事件处理是通过注册组件并在组件中定义事件,然后通过@on指令来监听和处理事件的。下面是一个简单的示例,演示如何在Vue.js中注册一个名为HelloWorld的组件,并监听并处理事件。htmlCopy code&lt;template&gt; &nbsp;&lt;div&gt; &nbsp; &nbsp;&lt;button @click="handleClick"&gt;点击....

文章 2023-06-19 来自:开发者社区

前端工程化组件化开发框架之Vue的组件的Prop

Vue.js作为一个优秀的前端组件化开发框架,也提供了完善的Props管理机制。 下面是一个简单的示例,演示如何在Vue.js中注册一个名为HelloWorld的组件,并将数据传递给该组件。javascriptCopy codeimport { createApp } from'vue'import HelloWorld from'./components/HelloWorld.vue'cons....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注