學(xué)習(xí)地址
一需纳、在一個文件夾中按住shift的同時，點擊鼠標(biāo)右鍵奥帘，打開命令窗口
首先創(chuàng)建三個項目蓖救，main瑞躺、test、common莺禁，其中common是公共組件留量，main和test引用了common包。
vue create main
vue create test
vue create common
二哟冬、common包入口
創(chuàng)建完成后刪除common包一些無用的東西楼熄，修改package.json，增加一行 "main": "index.js", 這表明index.js就是common包的入口文件浩峡，然后創(chuàng)建index.js文件可岂。
index.js文件
index.js中需包含上面說的第三方組件初始化和公共組件的導(dǎo)出，本示例完整內(nèi)容如下
import WeVue from 'we-vue'
import 'we-vue/lib/style.css'
import Vue from 'vue'
import playerPicker from './src/components/playerPicker'? //導(dǎo)出的組件
Vue.use(WeVue)
export {
? playerPicker
}
三翰灾、common包的使用
分別進(jìn)入main和test缕粹，在控制臺輸入命令：
npm install ../common/
其中…/common/是common的相對路徑稚茅，這里也可以輸入絕對路徑。
這樣就將common這個工程以node_module的方式引入到main和test項目中了平斩⊙窍恚可以正常使用common在index.js中導(dǎo)出的組件了。
命令執(zhí)行完后绘面，package.json里會多一條記錄
四欺税、common包中組件的使用
引入公共組件 公共組件創(chuàng)建好了，需要引入揭璃，引入代碼和引入其他組件的方式一樣晚凿，代碼如下：
