一凡橱、創(chuàng)建項目
1慰枕、新建一個文件夾（demo）
2呛踊、創(chuàng)建主項目（master）
$ vue create master
$ cd master
$ vue add vue-cli-plugin-qiankun --type master
3砾淌、創(chuàng)建子項目（foo-app）--- 跟主項目在同一級
$ vue create foo-app
$ cd foo-app
$ vue add vue-cli-plugin-qiankun --type slave --port 8081
4、查看配置主應(yīng)用是否有錯
master/src/App.vue
<script>
export default {
name: 'master',
data () {
return {
// ...
apps: [
{ name: 'foo-app', entry: '//localhost:8081', container: '#appContainer', activeRule: '/foo-app' }
]
}
},
// ...
methods: {
// ...
initQiankun () {
// ...
setDefaultMountApp('/foo-app')
// ...
}
}
}
</script>
5谭网、運行各項目
$ cd foo-app
$ yarn serve
image.png
$ cd master
$ yarn serve
image.png
