qq_42556623的博客

基于vue的主应用+vue微应用+react微应用一、qiankun主应用（vue）1.安装 qiankun$ yarn add qiankun # 或者 npm i qiankun -S2.注册微应用并启动（参考官方文档）import Vue from "vue";import App from "./App.vue";import router from "./router";import { registerMicroApps, start } from "qiankun";Vue

文件路径/utils/request.jsimport axios from 'axios'// create an axios instanceconst service = axios.create({ baseURL: import.meta.env.VITE_BASE_MYAPI, // url = base url + request url // withCredentials: true, // send cookies when cross-domain requests

如图:点击报警数据中的第二条，弹出数据表格并高亮相应数据代码如下：表格绑定row-class-name（此项是回调方法，详情见element官网）<el-table :data="gridData" border :row-class-name="tableRowClassName">//点击某一行报警数据弹框 detailData(item){ //保存传递过来的id this.alarmID = item.alarmID this.d

封装websocketexport default class SocketService { /** * 单例 */ static instance = null static get Instance () { if (!this.instance) { this.instance = new SocketService() } return this.instance } // 和服务端连接的socket对象 ws = nu.

解决办法：创建与src同层级的配置文件vue.config.js*代码如下module.exports = { lintOnSave:false,//这里禁止使用eslint-loader}

问题描述：解决办法：在项目中新建文件，命名为“.prettierrc”文件内容为json格式（按需写入配置）{ "semi": false, "singleQuote": true, "space-before-function-paren":0}

在跳转页面传递参数到目标页面时出现这个错误：解决办法：需要在unLoad里判断options.item是否为空 不然会因为json.parse解析undefined报错onLoad(options) { //判断options.item是否为空 不然会因为json.parse解析undefined报错 if (options.item) { const editItem = JSON.parse(decodeURIComponent(options.item));

Vue组件化开发的思想核心思想：把不同的功能封装到不同的组件中中开发，组件可以通过组合的方式，最终形成真正意义上的应用标准组件开发基于统一的标准规范(组件化规范：Web Components)分治把不同的功能封装到不同的组件当中，每个组件独立生产，有利于团队协作重用组件的替代及回收组合不同组件可以组合成一款新的产品...