文章 2025-06-07 来自:开发者社区

Vue 表情包输入组件实现代码及详细开发流程解析

Vue 表情包输入组件的使用方法与封装指南 组件使用方法 要在你的 Vue 项目中使用表情包输入组件,首先需要进行安装和配置,以下是详细步骤: 安装依赖 npm install emoji-mart @vueuse/core 全局注册组件在 main.js 中添加: import EmojiPicker from './c...

Vue 表情包输入组件实现代码及详细开发流程解析
文章 2024-07-20 来自:开发者社区

Vue组件与路由精通指南:深入解析组件化开发与路由管理

@TOC 前言     本文将深入探讨 Vue 组件的精髓,从组件的定义、动态组件的使用、父子组件的交互与传参等方面展开,帮助读者深入理解 Vue 组件化的设计理念与实现方法。此外,我们还将详细介绍 Vue 路由的常见操作,包括 router.push、router.replace、router.go 等方法的使用,以及路由对象属性 $route.path、$route.params、$...

Vue组件与路由精通指南:深入解析组件化开发与路由管理
文章 2024-02-04 来自:开发者社区

Vue中组件与插件:究竟有何不同?详细解析带你get到核心差异!

⭐  专栏简介        欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一...

Vue中组件与插件:究竟有何不同?详细解析带你get到核心差异!
文章 2023-05-07 来自:开发者社区

为什么说 Vue 的响应式更新精确到组件级别?(原理深度解析)

前言我们都知道 Vue 对于响应式属性的更新,只会精确更新依赖收集的当前组件,而不会递归的去更新子组件,这也是它性能强大的原因之一。例子举例来说 这样的一个组件:<template> <div> {{ msg }} <ChildComponent /> </div> </template>我们在触发 ...

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

vue-router 如何找到待渲染的 vue 组件?详解 route 别名处理,vue-router Matcher 解析(二)

前情提要之前的文章vue-router 如何找到待渲染的 vue 组件?vue-router Matcher 解析(一)讲了, vue-router 找到待渲染的 vue 组件时,对 route 的处理过程,因此本篇文章将会默认 route 已经被处理了,即为 RouteRecordNormalized 路由记录的标准版本本篇文章会介绍 matcher 处理 route 的别名部分, 即 vue....

vue-router 如何找到待渲染的 vue 组件?详解 route 别名处理,vue-router Matcher 解析(二)
文章 2023-01-06 来自:开发者社区

vue-router 如何找到待渲染的 vue 组件?vue-router Matcher 解析(一)

背景介绍在之前的一篇文章中vue-router 如何做到页面切换?, 源码解析曾经说过,页面的切换其实就是一个找组件的过程,也就是 vue-router 里面的 Matcher, 看过 vue-router4 的源码后,发现 matcher 其实是非常重要的一环,可以说是和 history(历史模式) 构成了 vue-router 的两个核心,回过头来看一下 vue-router4 中的创建 .....

vue-router 如何找到待渲染的 vue 组件?vue-router Matcher 解析(一)
文章 2022-06-13 来自:开发者社区

vue组件实现原理解析(下)

还有一处重要的代码是installComponentHooks(data)。该方法会给组件vnode的data添加组件钩子,这些钩子在组件的不同阶段被调用,例如init钩子在组件patch时会调用。function installComponentHooks (data: VNodeData) { const hooks = data.hook || (data.hook = {}) for...

文章 2022-06-13 来自:开发者社区

vue组件实现原理解析(中)

以文中的button-counter组件为例,由于button-counter标签不是合法的HTML标签,不能直接new VNode()创建vnode。Vue 会通过resolveAsset函数检查该标签是否为自定义组件的标签。export function resolveAsset ( options: Object, type: string, id: string, war...

文章 2022-06-13 来自:开发者社区

vue组件实现原理解析(上)

组件注册时做了什么?在Vue中使用组件,要做的第一步就是注册。Vue提供了全局注册和局部注册两种方式。全局注册方式如下:Vue.component('my-component-name', { /* ... */ })局部注册方式如下:var ComponentA = { /* ... */ } new Vue({ el: '#app', components: { 'compo...

问答 2022-02-15 来自:开发者社区

vue中引入iview之后,iview组件解析不出来 不报错,查看元素是个注释

本问题来自阿里云开发者社区的【11大垂直技术领域开发者社群】。 https://developer.aliyun.com/article/706511 点击链接欢迎加入感兴趣的技术领域群。

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

阿里巴巴终端技术

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

+关注