多个vue项目共用组件

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

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中