Vue3 10多种组件通讯方法
本文简介
点赞 + 关注 + 收藏 = 学会了
本文讲解 Vue 3.2 组件多种通讯方式的基础用法，并且使用了 单文件组件 <script setup> 。
众所周知，Vue.js 中一个很重要的知识点是组件通信，不管是业务类的开发还是组件库开发，都有各自的通讯方法。
本文适合：
有 Vue 3 基础的读者。
打算开发组件库的读者。
本文会涉及的知识点：
Props
前端
js获取url参数值的几种方式
方法一：采用正则表达式获取地址栏参数 (代码简洁，重点正则）
function getQueryString(name) {
let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
let r = window.location.search.substr(1).match(reg);
vue学习（49）vue-router(1)
理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。
前端路由：key是路径，value是组件。
基本使用
安装vue-router，命令：npm i vue-router
应用插件：Vue.use(VueRouter)
编写router配置项:
//引入VueRouter
import VueRouter from 'v
uniapp入门教程
UniApp是一款跨平台的开发工具，可以用一个代码库同时构建出iOS、Android两个平台的应用程序，并能方便地发布到App Store和各大应用商店。它基于Vue.js框架，开发者可以使用Vue.js的语法进行开发，可以轻松地迁移现有的Vue.js项目。
本篇文章将为大家介绍UniApp的入门教程，帮助初学者快速上手并开始开发自己的APP。
1. 环境搭建
在开始使用UniApp之前，我
单页应用（SPA）和多页应用（MPA）的区别
一、简介
单页面应用：SinglePage Web Application，简称 SPA
多页面应用：MultiPage Application，简称 MPA
二、定义区分
（1）单页面应用
只有一个 WEB 主页面的应用，公共资源(js、css等)仅需加载一次，所有的内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅刷新局部资源。常用于PC端官网、购物等网站。
Vue执行流程及渲染解析（一）
最近想对之前看过的vue一些较原理的一些东西进行总结，今天就谈谈vue实例创建到渲染的一个流程概述。说的不对希望可以补充评论。
相信绝大多数的前端小伙伴已记不清做了多少项目，写了多少代码了，每个人如同教科书般地写着Vue代码：
// 入口文件中的常见代码
new Vue({
el: '#app',
router: router,
Vue3核心源码解析 (五) ： 内置组件<keep-alive>
<keep-alive>是Vue.js的一个内置组件，可以使被包含的组件保留状态或避免重新渲染。下面来分析源码runtime-core/src/components/KeepAlive.ts的实现原理。
在setup方法中会创建一个缓存容器和缓存的key列表，其代码如下：
setup(props: KeepAliveProps, { slots }: SetupContex
在 Vue3 中使用 Mammoth.js（在 Web 应用中预览 Word 文档）的详解、常见场景、常见问题及最佳解决方案的综合指南
一、Mammoth.js 简介与核心功能Mammoth.js 是一个专用于将 .docx 文档转换为 HTML 的库，适用于在 Web 应用中预览 Word 文档。其核心特点包括：
语义化转换：基于文档样式（如标题、段落）生成简洁的 HTML 结构，忽略复杂样式（如居中、首行缩进）。
轻量高效：适用于需要快速预览文档内容的场景，如后台管理系统、教育平台等。
浏览器端支持：可直接在前端
open webui 部署 以及解决，首屏加载缓慢，nginx反向代理访问404，WebSocket后端服务器链接失败等问题
项目地址：GitHub - open-webui/open-webui: User-friendly AI Interface (Supports Ollama, OpenAI API, ...)选择了docker部署如果 Ollama 在您的计算机上，请使用以下命令docker run -d -p 3000:8080 --add-host=host.docker.internal:host-ga
