首页 > 其他分享 >多个vue项目共用组件

多个vue项目共用组件

时间:2023-10-24 17:11:47浏览次数:33  
标签:vue 项目 demo demo2 文件夹 common 组件 共用

本文主要介绍引入本地的自己写的组件。

1.准备3个vue2项目

   demo-common文件夹里是组件在demo1和demo2中都需要使用

 

2.在demo-common文件夹里新建index.js文件,跟package.json同级。在index.js文件里导出在其他项目里需要用到的组件

 

3.分别在demo1和demo2的终端里输入 npm i ../demo-comon     这个时候就会把demo-common当做一个包放在demo2的node_modules里 

安装完成之后在demo2的package.json里会出现引入的demo-common依赖

 

4.在demo2中引入使用

其他组件传值就跟同项目里父子组件传值的写法是一样的

在demo-common文件夹里改变的内容能实时的更新到demo2中

 

标签:vue,项目,demo,demo2,文件夹,common,组件,共用
From: https://www.cnblogs.com/reround/p/17785268.html

相关文章

  • vue + element ui 树形半选传父级id给后台,回显实现
    1.vue2:  需要关联父子级:Html部分check-strictly="false"<el-tree:data="dataTree"highlight-currentshow-checkbox:check-strictly="false"node-key="id":props="defaultProps&......
  • Vue3中使用富文本编辑器
    在vue3中我们可以使用@wangeditor/editor、@wangeditor/editor-for-vue来实现其功能npm地址:https://www.npmjs.com/package/@wangeditor/editor-for-vue/v/5.1.12?activeTab=readme官网:Editor 1.安装pnpmadd@wangeditor/editor#或者npminstall@wangeditor/editor--save......
  • Jquery 下拉树下面是一个使用Combotree组件的简单案例:
    1、html <!DOCTYPEhtml><html><head><title>Combotree使用案例</title><linkrel="stylesheet"type="text/css"href="https://cdn.jsdelivr.net/npm/jquery-combotree/dist/jquery.combotree.min.css"......
  • 百度ASP.NET上传下载组件
     IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag        客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载......
  • vue中activated
    vue组件在开了,关了,再开,created,mounted不会触发,activated会解决这个问题,给力。。。在Vue中,activated是组件生命周期函数之一,它会在组件被激活时调用。具体来说,当一个组件被插入到DOM中并且处于活动状态(例如,它是父组件的子组件),activated函数就会被调用。它通常用于执行一些操作......
  • vue移动鼠标在canvas上画不规则图形(整合别人的,增加了一些功能)
    1、draw_shape.js1/**2*绘制不规则多边形3*/45import{Message}from'element-ui'67exportfunctiondraw_test(cav,list){8//画布初始化9letctx=cav.getContext('2d')10ctx.strokeStyle='red'11......
  • vue运行中,常出错,是因为版本不一样,造成的
     这个是版本冲突造成的在package.json中添加 setNODE_OPTIONS=--openssl-legacy-provider  ......
  • vue实现用Element Table 展现数据T图
    vue实现用ElementTable展现数据T图,废话不多少,直接上干货<template> <div> <el-table:data="resultTable"style="width:100%"> <el-table-columnprop="id"label="日期"width="180"> </el-table......
  • DevExpress WinForms地图组件 - 轻松集成地图功能到应用程序
    DevExpressWinForms地图控件允许您在WinForms应用程序中合并地图服务,您可以选择现有的地图资源,如如Bing或OpenStreetMap,或者在公司网络中创建自己的地图数据服务器。DevExpressWinForms地图控件完全支持矢量和笛卡尔坐标地图。DevExpressWinForms有180+组件和UI库,能为Windows......
  • React技术栈支援Vue项目,你需要提前了解的
    写在前面react整体是函数式的思想,把组件设计成纯组件,状态和逻辑通过参数传入,而vue的思想是响应式的,也就是基于是数据可变的,通过对每一个属性建立Watcher来监听,当属性变化的时候,响应式的更新对应的虚拟domreact的思路通过js来生成html,所以设计了jsx,还有通过js来操作css。vue是......