当前位置: 首页 > news >正文

上海专业高端网站建设seo官网

上海专业高端网站建设,seo官网,公众号发票怎么开,做网站网页的专业概述 在上一篇介绍了一些微前端的基础知识,详见微前端基础知识入门篇(一)。本文主要介绍qiankun微前端框架的实战入门内容。 qiankun微前端实践 通过Vite脚手架分别创建三个程序,主应用A为:vite+vue3+ts,两个微应用分别为B:vite+vue3+ts;C:vite+React+ts。因为qiankun的…

概述

在上一篇介绍了一些微前端的基础知识,详见微前端基础知识入门篇(一)。本文主要介绍qiankun微前端框架的实战入门内容。

qiankun微前端实践

通过Vite脚手架分别创建三个程序,主应用A为:vite+vue3+ts,两个微应用分别为Bvite+vue3+ts;C:vite+React+ts。因为qiankun的微应用是技术无关性,因此微应用可以是一个简单网页html,也可以是任意前端框架搭建的一个网页应用。

三个应用分别安装qiankun库,终端运行如下命令:

yarn add qiankun
微应用的注册

在主应用A中程序入口文件src/main.ts中注册微应用如下:

import { createApp } from "vue";
import { registerMicroApps, start } from "qiankun";
import App from "./App.vue";const app = createApp(App);app.mount("#app");registerMicroApps([{name: "B_App",entry: "//localhost:5157",container: "#main_container",activeRule: "/cb",},{name: "C_App",entry: "//localhost:5158",container: "#main_container",activeRule: "/c",},
]);
start();
  • 代码分析

registerMicroApps函数
该函数是基于路由去配置微应用,其语法为:registerMicroApps(apps,lifeCycles?)

  • 参数
    • apps:必选,微应用的注册信息,其类型为Array<ReigsterableApp>
    • lifeCycles:可选,全局的微应用生命周期钩子,其类型为LifeCycles
  • 类型
http://www.dinnco.com/news/35580.html

相关文章:

  • 东莞智通人才网官网登录seo是什么服务
  • 国外的旅游网站开发疫情最新官方消息
  • 门户网站建设目标seo含义
  • 网站建设中啥意思别人恶意点击我们竞价网站
  • 上海那家公司做响应式网站建设北京网站优化方法
  • 微商城网站建设讯息google框架一键安装
  • 自己怎么免费做网站襄阳百度开户
  • 临沂网站建设seo快速收录快速排名
  • 网站怎么做图片轮播百度sem竞价托管公司
  • 西安网站建设工程seo优化在哪里学
  • 天津网站排名优化seo
  • 长沙网站制作哪家好竞价推广哪里开户
  • 网络工作室营业执照怎么办理seo入门教程seo入门
  • 站外推广网站百度竞价推广自己可以做吗
  • 饰品设计网站推荐百度推广电话销售话术
  • 文安做网站网站制作的服务怎么样
  • 网站开发平台开发公司百度网盘资源
  • 招聘网站上还要另外做简历吗模板之家官网
  • 衡水提供网站制作公司电话产品市场推广方案
  • 建设部网站资质查询百度网盘官网登录首页
  • 海沧建设网站多少钱什么是sem
  • 网站建设商家如何建立免费公司网站
  • wordpress开源可视化编辑湖南网络优化服务
  • 有哪些网站可以自己做加视频网站日常维护有哪些
  • 中国网络百度权重优化软件
  • 青岛做网站报价销售系统
  • 网站极速备案惠州百度seo找谁
  • 有和wind一样做用网站流量宝官网
  • 香港主机做福彩网站网络营销专业大学排名
  • 网站建设分为几种网站免费网站免费优化优化