首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端开发随笔

    微前端qiankun接入Vite子应用含Vue3和React18

    qiankun目前是不支持vite的,需要借助插件完成 安装vite-plugin-qiankun

    4.3K21编辑于 2022-10-24
  • OnlyOffice 平替,用 Vue3 + Vite 做了个“本地 OnlyOffice”:接入成本低到离谱!!!

    ”,而是一次典型的工程取舍:把传统OnlyOffice方案里常见的“服务端转换/服务端存储/回调保存”等链路,尽可能搬到浏览器侧完成,从而换来:更轻:部署从“服务集群”变成“静态站点/前端应用”更快:接入

    1.2K10编辑于 2026-02-13
  • Vue3项目快速接入AI助手的终极方案 - 让你的应用智能升级

    关键词:AI助手、AI组件、Vue接入AI、Vue3接入AI、AI聊天助手前言在AI技术飞速发展的今天,将AI能力集成到Web应用中已成为标配需求。 但问题来了:如何在自己的Vue3项目中快速接入一个功能完善、体验优秀的AI助手?自己从零开发?需要处理流式响应、Markdown渲染、历史记录管理、语音交互等复杂功能,开发周期长,维护成本高。 今天给大家推荐一个开箱即用的解决方案 —— ai-suspended-ball-chat,一个功能强大的Vue3 AI聊天组件,让AI接入变得前所未有的简单。 总结ai-suspended-ball-chat 是一个功能全面、易于集成的Vue3 AI聊天组件,它解决了AI接入的诸多痛点:✅ 开箱即用:几行代码即可集成,无需复杂配置✅ 功能丰富:支持流式响应、语音交互 相关标签:#Vue3 #AI助手 #前端组件 #人工智能 #Web开发 #AI聊天组件 #Vue组件 #智能客服 #AI集成 #前端工具 #组件开发 #AI对话 #Vue接入AI #Vue3接入AI #

    41420编辑于 2026-04-19
  • 来自专栏web share

    vue3

    1. vue3 和 vue2生命周期对比 [表格] 注: 钩子函数必须写在setup() 里面,vue3生命周期都先于对应的vue2生命周期执行。 2. vue3里面的setup() <=> vue2里面的data() + methods() 截屏2020-11-26下午11.47.22.png 3. vue3为什么使用proxy? 1.

    86000发布于 2020-11-26
  • 来自专栏云开发小程序1

    重温:vue3之ref(vue3函数)

    } 修改完代码以后,刷新页面后,点击时出现一下的东西:  我们可以清除的看见,我们想要改动的数据都写在RefImpl中的value中:  所以,我们可以发现我们第一步直接修改复制的数据实质上是vue3

    1K20编辑于 2022-11-20
  • 来自专栏中二病也要当白帽子

    Vue+Golang接入KeyCloakVue+Golang接入KeyCloakVue+Golang接入KeyCloak

    Vue+Golang接入KeyCloak Vue+Golang接入KeyCloak实现简单的角色划分、权限校验。 本人Golang苦手,也是第一次接触Keycloak。 接入预期 本次实践将达到以下几个目的: 前端Vue接入KeyCloak,必须登录后才进行渲染。 后端Golang Beego框架接入Keycloak。 Vue接入 VUE的接入文章还是挺多的。这里简略过一下。 安装导入vue-keycloak-js Golang接入 golang接入keycloak,这里使用gocloak库。

    2.6K30发布于 2021-11-24
  • 来自专栏初见Linux

    接入技术

    接入技术知识体系.png 一、xDSL接入技术 xDSL技术就是利用电话线中的高频信息传输数据,高频信号损耗大,容易受噪声干扰。 xDSL速率越高,传输距离越近。 1.常见的xDSL类型 接入技术xDSL.png 名称 对称性 上、下行速率(受距离影响有变化) 极限传输距离 复用技术 ADSL(非对称数字用户线路) 不对称 上行:64kb/s ~ 1Mb/s。 二、HFC接入技术 混合光纤同轴电缆(Hybird Fiber-Coaxial,HFC)。通常由光纤干线、同轴电缆支线和用户配线网络三部分组成。 三、FFTx接入技术 主要用于接入网络光纤化 1.通过光纤到用户的距离分类 光纤到交换箱FFTCab(Fiber To The Cabinet) 光纤到路边FFTC(Fiber To The Curb) 光纤到大楼(Fiber To The Building) 光纤到户(Fiber To The Home)覆盖面较广 四、PON接入技术(非考点) 无源光纤网络技术,是指ODN(光配线网

    1.3K21发布于 2020-10-30
  • 来自专栏知识分享

    2-开发共享版APP(接入指南)-设备接入说明:快速接入

    模块型号选择,刷的地址为0 该固件的功能: 1,MQTT透传,请外加单片机实现下面介绍的回复查询和控制的协议 2,GPIO0按下3S指示灯快闪进入SmartConfig ,此时可以用APP搜索绑定 一,设备快速接入 : 请设置自己设备连接的MQTT信息: 用户名:yang 密码:11223344 IP地址:mnif.cn 端口号:1883或者8883(SSL连接暂时请忽略认证错误),建议使用此端口 注:快速接入方式 \",\"status\":\"offline\"}" 设备上线: "{\"data\":\"status\",\"status\":\"online\"}" //这两条信息具体看下面 Wi-Fi 接入部分 \"1\",\"status\":\"0\"}" //设备查询后返回的消息 "{\"data\":\"switch\",\"bit\":\"1\",\"status\":\"0\"}" 1,WIFI接入 2,GPRS接入: APP绑定GPRS为扫描二维码方式 以合宙的Air202为例: 模块上的二维码为模块的IMEI号,APP通过扫描此二维码获取IMEI ?

    1.1K30发布于 2019-08-01
  • Vue AI组件推荐:一个开箱即用的 Vue3 AI 聊天组件,帮你快速完成 Vue 接入 AI

    如果你最近正在找一款适合业务落地的VueAI组件,或者正在研究Vue接入AI组件、Vue接入AI到底怎么做更省时间,那这篇文章你可以重点看一下。 AISuspendedBallChat(AI助手组件)是一个面向Vue3的AI聊天组件,支持两种主要使用方式:SuspendedBallChat:悬浮球模式ChatPanel:独立聊天面板模式这意味着你可以根据业务形态灵活选择 我觉得这个组件值得推荐的几个核心原因1.Vue接入AI足够快,基础接入门槛低这一点很重要。很多开发者搜“vue接入ai”的时候,其实最关心的就是:能不能少写点胶水代码,先跑起来。 它的优势不只是:支持Vue3接入简单能做聊天更重要的是它已经考虑了大量真实业务里的AI交互问题,比如:多协议兼容上下文与历史管理图片与语音能力自定义工具和自定义请求工单反馈富文本增强图表渲染自定义组件流式插入从产品视角看 对于正在搜索这些关键词的同学:vueai组件vue接入ai组件vue接入aivue3ai聊天组件ai聊天组件vueai助手组件我觉得这会是一个可以认真评估的方案。

    36120编辑于 2026-06-05
  • 来自专栏前端数据可视化

    Vue3】起步

    Vue 是一套用于构建用户界面的渐进式框架,作为当今前端三大框架之一,Vue 是我觉得最容易上手的框架。

    37830编辑于 2022-04-15
  • 来自专栏ops技术分享

    Vue3 路由

    通过 Vue 可以实现多视图的单页 Web 应用(single page web application,SPA)。

    93220发布于 2021-07-28
  • 来自专栏ops技术分享

    Vue3 起步

    Vue3 中的应用是通过使用 createApp 函数来创建的,语法格式如下: const app = Vue.createApp({ /* 选项 */ }) 传递给 createApp 的选项用于配置根组件

    47530发布于 2021-07-28
  • 来自专栏憧憬博客分享

    vue3初探

    这是Vue3官方演示Vdom的示例网站,本篇文章也是基于它进行演示的。 Vue3 在 Vdom 的更新时,只会关注它有变化的部分。 这样的优化使 Vue3 既跳出了 Vdom 的性能瓶颈,又依然保留了可以手写 render function 的灵活性。相当于 Vue3 既有 react 的灵活性,又有基于模板的性能保证。 ——尤雨溪 从diff算法去看vue3和vue2.x的区别 我们现在来看看同样的html,在vue2和vue3的渲染中对比出不同之处

    空空

    {{msg} vue3会在创建虚拟DOM的时候,会根据DOM的内容会不会发生变化,添加一个静态标记 ? 看完图,我们来看看vue3的render函数 export function render(_ctx, _cache, $props, $setup, $data, $options) { return

    66710发布于 2020-11-26
  • 来自专栏ops技术分享

    Vue3 表单

    我们可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 等元素上创建双向数据绑定。

    3.8K40发布于 2021-07-28
  • 来自专栏epoos.com

    Vue3 初探

    Vue3 已经来了,详细文档见下方传送门 这里记录一下比较重要的几个点。 总体概述 优点都是比较比出来的,那么 Vue3 对比 Vue2 优势有 更小、更快、更友好、优化方案 typeScript支持 API 设计一致性 自身可维护性 开放更多底层功能 1.更小 移除不常用功能 打包体积更小 2.更快 优化 diff 算法、静态提升、事件监听缓存、ssr优化等 3.更友好 提出 composition Api,无论代码的编写还是查看都更加清晰方便 4.优化方案 1)源码优化 vue3 2)性能优化 体积优化、编译优化、数据劫持优化 在 vue2 中,数据劫持是通过 Object.defineProperty,这个 API 有一些缺陷,并不能检测对象属性的添加和删除 vue3 是通过 也就是 Vue3 最大的改变 —— Composition API 通过组合式API,我们可以将接口的可重复部分及其功能提取到可重用的代码段中,能够将与同一个逻辑关注点相关的代码配置在一起。

    1.1K20编辑于 2022-06-06
  • Vue3 指令

    Vue 指令(Directives)是 Vue.js 的一项核心功能,它们可以在 HTML 模板中以 v- 开头的特殊属性形式使用,用于将响应式数据绑定到 DOM 元素上或在 DOM 元素上进行一些操作。

    32110编辑于 2025-12-16
  • 来自专栏QGS星球

    浅学Vue3

    NPM的全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。2020年3月17日,Github宣布收购npm,GitHub现在已经保证npm将永远免费。

    90110编辑于 2024-01-14
  • 来自专栏前端框架源码剖析

    Vue3源码03: Vue3响应式核心原理

    Vue3源码01 : 代码管理策略-monorepo Vue3源码02: 项目构建流程和源码调试方法 “本文会先对子项目reactivity进行一个基本的介绍,随后会介绍Vue3中的响应式原理,最后会编写一个极简版的响应式系统 Vue2和Vue3关于响应式的最重要的区别 从本质上讲Vue3的响应式原理和Vue2的响应式原理没有根本的不同。 主要有两个核心的差异: 利用的基础能力不同,Vue2利用了Object.defineProperty,Vue3利用了Proxy的相关API; Vue2是默认会让所有的数据具备响应式的能力,Vue3需要手动调用函数让特定数据具备响应式的能力 手写极简版Vue3响应式系统 “在Vue的世界,不管是Vue2还是Vue3,我们无论在template中写了什么内容,都会在程序内部转化成虚拟DOM,然后再将虚拟DOM转化成真实DOM,最后再将真实DOM 一定要分清这两个render函数的不同,这两个函数可以说是整个Vue3的灵魂。

    79040编辑于 2022-09-27
  • 来自专栏热爱IT

    vue3

    2018年08月25日 14:08:31  素燃 阅读数:2600

    74510发布于 2019-04-10
  • Vue3 起步

    Vue3 中的应用是通过使用 createApp 函数来创建的,语法格式如下: const app = Vue.createApp({ /* 选项 */ }) 传递给 createApp 的选项用于配置根组件

    33910编辑于 2025-12-16
领券