- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端开发随笔
微前端qiankun接入Vite子应用含Vue3和React18
qiankun目前是不支持vite的，需要借助插件完成 安装vite-plugin-qiankun
4.5K21编辑于 2022-10-24 OnlyOffice 平替，用 Vue3 + Vite 做了个“本地 OnlyOffice”：接入成本低到离谱！！！
”，而是一次典型的工程取舍：把传统OnlyOffice方案里常见的“服务端转换/服务端存储/回调保存”等链路，尽可能搬到浏览器侧完成，从而换来：更轻：部署从“服务集群”变成“静态站点/前端应用”更快：接入从
1.8K10编辑于 2026-02-13- 来自专栏前端进阶实战
Vite8.3 + Vue3 接入 DeepSeek-V4.1-Flash，网页 AI 秒回
Vue3 + Vite8 集成 DeepSeek-V4.1-Flash（SSE 流式 / Markdown / 代码高亮）技术框架：vite^8.3.0+vue^3.5.42+vue-router^5.3.1 </keep-alive> </router-view>
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 #
vue3
1. vue3 和 vue2生命周期对比 [表格] 注: 钩子函数必须写在setup() 里面，vue3生命周期都先于对应的vue2生命周期执行。 2. vue3里面的setup() <=> vue2里面的data() + methods() 截屏2020-11-26下午11.47.22.png 3. vue3为什么使用proxy? 1.
重温：vue3之ref(vue3函数)
} 修改完代码以后，刷新页面后，点击时出现一下的东西： 我们可以清除的看见，我们想要改动的数据都写在RefImpl中的value中： 所以，我们可以发现我们第一步直接修改复制的数据实质上是vue3
浅学Vue3
NPM的全称是Node Package Manager，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。2020年3月17日，Github宣布收购npm，GitHub现在已经保证npm将永远免费。
接入技术
接入技术知识体系.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（光配线网
Vue3源码解析，打造自己的Vue3框架
Vue3源码解析，打造自己的Vue3框架分析Vue3源码并尝试打造自己的Vue3框架是一个复杂但极具教育意义的项目。 准备阶段学习Vue3基础官方文档：首先，你需要熟悉Vue3的官方文档，了解Vue3的新特性、API变化以及组合式API（Composition API）。 源码分析阶段克隆Vue3仓库从GitHub上克隆Vue3的官方仓库，并切换到相应的分支（通常是main或next）。 可以参考Vue3的reactivity模块，了解其实现原理和细节。实现运行时核心运行时核心是Vue3的另一个关键部分，它负责处理组件的创建、渲染和更新。 社区和合作：加入Vue3的社区，与其他开发者交流和合作，共同学习和进步。通过上述步骤，你可以逐步打造出自己的Vue3框架。
【Vue3】搭建vue3项目以及环境
前言 本来是打算结合vue3和spring boot出一期登录项目实战的，但是由于vue3没有我想象的简单，最后阉割了下，后面我们通过uniapp小程序出一期 一、安装环境创建vue3项目 确保你安装了最新版本的 小问题别慌，因为路径错了 cd一下新的路径，因为刚刚创了两个文件夹 执行 npm install npm run dev 打开浏览器 vue3安装成功 二、编写代码 我们修改一下欢迎界面为
Vue3 起步
Vue3 中的应用是通过使用 createApp 函数来创建的，语法格式如下： const app = Vue.createApp({ /* 选项 */ }) 传递给 createApp 的选项用于配置根组件
Vue3 表单
我们可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 等元素上创建双向数据绑定。
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
Vue3 指令
Vue 指令（Directives）是 Vue.js 的一项核心功能，它们可以在 HTML 模板中以 v- 开头的特殊属性形式使用，用于将响应式数据绑定到 DOM 元素上或在 DOM 元素上进行一些操作。
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，我们可以将接口的可重复部分及其功能提取到可重用的代码段中，能够将与同一个逻辑关注点相关的代码配置在一起。
Vue3 混入
混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
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助手组件我觉得这会是一个可以认真评估的方案。
【Vue3】起步
Vue 是一套用于构建用户界面的渐进式框架，作为当今前端三大框架之一，Vue 是我觉得最容易上手的框架。
Vue3 路由
通过 Vue 可以实现多视图的单页 Web 应用（single page web application，SPA）。
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的灵魂。
