把一个Vue项目的页面打包后再另一个项目中使用

ops/2024/12/26 20:43:49/

步骤:

1.项目1新建一个js文件,引入我们需要使用的vue页面:

// 引入组件
import indexVue from './index.vue'// install
indexVue.install = function (Vue) {Vue.component("indexVue", indexVue)// Vue.component(FlowEditorVue.name, FlowEditorVue)
}// 导出
export default indexVue


2.在项目1的package.json中添加命令将刚才导出的vue页面进行打包;

"lib": "vue-cli-service build --mode prod --target lib --name indexVue --dest lib src/views/workflow/work/index.js"

3.在你需要使用的项目中将打包后的lib目录放在项目2的public目录下;


4.然后再项目2的main.js文件中引入我们lib中的common.js并使用它;

import indexVue from '../public/lib/indexVue.common.js'
Vue.use(indexVue)



5.再我们的项目2的页面中直接使用它;
 

<template><div class="app-container"><index-vue></index-vue></div>
</template>
<script>export default {name: 'WorkProcess',data() {return {}},
}
</script><style scoped></style>


http://www.ppmy.cn/ops/145204.html

相关文章

了解RPC

本文来自智谱清言 --------- RPC&#xff08;Remote Procedure Call&#xff0c;远程过程调用&#xff09;是一种允许程序调用位于远程计算机上的子程序或服务的技术。这种技术使得构建分布式计算变得更加容易&#xff0c;因为它提供了强大的远程调用能力&#xff0c;同时保持…

MONI后台管理系统-系统三员的设计

前言&#xff1a; 本项目设计立足于等保测评&#xff08;国家信息安全等级保护三级认证&#xff09;&#xff0c;国家信息安全等级保护三级认证中的“三员管理”是指为了确保信息系统的安全性、稳定性和可靠性&#xff0c;而设立的系统管理员、安全管理员和审计管理员三个独立角…

使用.gitgnore 忽略可执行文件,以及gitignore文件不生效问题

使用.gitgnore 忽略可执行文件&#xff0c;以及gitignore文件不生效问题 修改了.gitignore &#xff0c;忽略了linux无后缀的可执行文件 # 忽略所有文件 *# 提交data目录下 !data/# 提交src目录下 !src/# 提交README.md !*.md# 提交.c文件 !*.c !*.cpp# 提交.h文件 !*.h# 提交…

Linux-----gdb调试

#include <stdio.h>void fun() {int i 0;for (i 0; i < 10; i) {printf("i %d\n", i);} }int i 0;int main() {fun();printf("now i %d\n", i);return 0; }gcc -o test test.c 开始调试 gcc -o test -g test.c r 1.断点创建、查看和删除…

未来将要被淘汰的编程语言

COBOL - 这是一种非常古老的语言&#xff0c;主要用于大型企业系统和政府机构。随着老一代IT工作人员的退休&#xff0c;COBOL程序员变得越来越少。Fortran - 最初用于科学和工程计算&#xff0c;Fortran在特定领域仍然有其应用&#xff0c;但随着更现代的语言&#xff08;如Py…

新手小白如何挖掘cnvd通用漏洞之存储xss漏洞(利用xss钓鱼)

视频教程在我主页简介里 目录: 一、XSS的三种类型&#xff1a; 二、XSS攻击的危害&#xff1a; 三、文件上传存储型xss&#xff1a; 四、实战演示&#xff1a; 五、XSS漏洞修复&#xff1a; 六、经验总结&#xff1a; 一、XSS的三种类型&#xff1a; 1.反射型XSS&#xff08…

【jenkins插件】

1) 2) 3) 4) 5) 6) 参考: 知识库/运维/Jenkins/01-安装/13-插件.md zfoo/java-developer-document - 码云 - 开源中国

如何查看个人电脑ip和修改ip

要查看个人电脑的IP地址并修改它,可以根据你使用的操作系统(Windows、macOS或Linux)采取不同的步骤。以下是详细的步骤说明: 在Windows上查看和修改IP地址 查看IP地址 打开命令提示符: 按下 Win + R 键,输入 cmd,然后按回车。输入命令: 在命令提示符窗口中,输入以下…