lzxb4-CSDN博客

原创使用 vue-class-setup 编写 class 风格组合式API，支持Vue2和Vue3

我司基于vue-class-component开发的项目有上百个，其中部署的 SSR 服务也接近100个，如此庞大体量的项目一开始的时候还幻想着看看是否要升级Vue3，结果调研一番下来，才发现vue-class-component对Vue3的支持，最后一个版本发布都过去两年了，迟迟还没有发布正式版本。目前基本上处于无人维护的状态，而且升级存在着大量的破坏性更新，对于未来是否还要继续使用Vue3现在还是持保留意见，但是不妨碍我们先把组件库做成Vue2和Vue3通用，于是就有了本文。

2022-09-23 10:09:05 1167 2

原创 2020年，你可能需要基于Vue的微服务架构实践，在服务端或客户端聚合子服务

快速开始# 拉取代码git clone [email protected]:fmfe/vue-genesis-micro.git# 进入项目目录cd vue-genesis-micro# 安装依赖npm install# 开发环境启动npm run dev# 打包生产环境代码npm run build# 生产环境运行npm run start微服务是什么？微服务是一个新兴的软件架构，就是把一个大型的单个应用程序和服务拆分为数十个的支持微服务。为什么需要微服务？随着业务的发展，项目

2020-06-22 19:06:47 767 1

原创 Vue 微前端&微服务解决方案， Genesis 对远程组件进一步的设计和思考

对远程组件进一步的设计和思考远程组件，是 Genesis 提出的一个概念，它是指通过接口，调用一个另一个服务的组件，它可以是一个按钮、一个模块或者一个页面。嵌入式调用除了嵌入图片、视频之类的，在日常开发，嵌入调用最多的还是 iframe。而远程组件，可以让你在服务端、客户端都能无缝的嵌入另外一个服务的页面。如下图：它的使用方式是这样子<template> <remote-view :id="1000" @myEvent="onMyEvent" :fetch="fet

2020-06-22 19:05:45 800

原创 2016年的vue demo 升级到 SSR 版本了

前言这个项目最开始建立的是2016年的时候，如今已经过去了4年多，时光匆匆，如今 TS 已经流行起来，并且自己已经在 SSR 方面实践颇多，所以就花了半天的时间使用 Genesis 写了一个完整的 Vue SSR 的demo。快速开发# 开发环境启动npm run dev# 打包生产环境代码npm run build# 生产环境运行npm run startdocker只需要执行 yarn build 命令后，将 dist、node_modules、目录和 package.json 文

2020-05-26 00:51:17 175

原创基于 Vue SSR 的微架构在 FOLLOWME5.0 实践

2020年5月22日FOLLOWME5.0的第一个版本终于上线了，这也是公司内部基于 Genesis 上线的第二个项目。首页是老项目经历了最原始的那种 Vue SSR，后来在年初的时候，迁移到了 Nuxt.js 下，再到现在迁移到了 Genesis，可谓是一波三折。首次实践在2019年的上半年，我们在和 APP 混合开发的项目中，首次实践了模块化，它拥有了独立的 API、路由、状态和页面，并且是按需进行初始化的，但是它并不是完美的，它是基于路由的微模块，并且状态也是按需注入到全局的状态中的管理无路由

2020-05-26 00:50:46 551

原创实现微前端需要了解的 Vue Genesis 渲染器

在 Genesis 中，核心的就是渲染器，它提供了最基础渲染能力，有了它，你可以实现微前端、微服务、远程组件、首屏渲染，甚至可以和 React、EJS 等配合使用。它可以和怎样的你协作？如果你是传统的后端渲染的，需要做SEO，但是你希望在部分布局，部分页面引入 Vue，那么 renderer.renderJson() 足以，将渲染结果传递给后端渲染的模板引擎中即可。如果你是中后台系统，业务系统全部集中在一个项目，你希望可以按照业务进行服务的拆分，那么 <remote-view :fetch=.

2020-05-26 00:50:08 1430

原创基于 Vue CSR 的微前端实现方案

在这里就不讲微前端的各种优缺点，直接假设你在负责一个中后台管理系统的开发，所有的业务模块全部都在一个项目中打包，随着业务量的不断增长，编译越来越慢，你期望可以从老的项目中将新的业务进行独立开发、独立部署，以微应用的形式嵌入到老项目中。本篇文章的受众是那些希望在新老的项目中，在不需要你对老项目进行改动老项目的前提下，嵌入微应用，如果本篇文章对你有帮助，请点个????！核心要素构建生产环境代码，输出远程组件所需的 JSON通过 ajax 请求，拿到这个 JSON 的数据，传给远程组件新项目的搭建

2020-05-26 00:49:22 606

lzxb4的博客