Skip to content

Commit eeead81

Browse files
mqhe2007mqhe2007
committed
Merge branch 'develop'
2 parents 3626b9d + 3a37c9c commit eeead81

File tree

13 files changed

+21
-19
lines changed

13 files changed

+21
-19
lines changed

‎doc/guide/README.md‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ vue-module-loader 是基于 Vue 生态的微前端模块加载器，本质上是
7777

7878
**module.js**
7979

80-
微前端模块新增了`/src/module.js`文件作为模块业务代码的入口文件，此文件导出一个匿名函数，函数内部调用`this`（Vue 实例）中安装的生态工具 API 进行数据合并。
80+
微前端模块新增了`/src/module.js`文件作为模块业务代码的入口文件，此文件导出一个匿名函数，函数内部调用`this`（指向 Vue 实例）中安装的生态工具 API 进行数据合并。另外函数还接收`Vue构造对象`作为唯一参数，用户可以拿`Vue`做自由发挥。
8181

8282
```js
8383
// 模块的路由配置数组
@@ -88,7 +88,8 @@ import storeModule from './store'
8888
// 模块信息
8989
const moduleInfo = require('../package.json')
9090
// 导出模块函数
91-
export default () => {
91+
export default function(Vue) {
92+
// 参数Vue: vue构造对象
9293
// 本函数中的this指向vue实例的引用
9394
// 合并路由
9495
this.$router.$addRoutes(routes)

‎doc/images/group.png‎

-5.81 KB
Loading

‎docs/404.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,11 @@
77
<meta name="description" content="vue.js项目的微前端模块加载器">
88

99

10-
<link rel="preload" href="/vue-module-loader/assets/css/0.styles.4006984a.css" as="style"><link rel="preload" href="/vue-module-loader/assets/js/app.2708a655.js" as="script"><link rel="preload" href="/vue-module-loader/assets/js/6.f5e07d6f.js" as="script"><link rel="prefetch" href="/vue-module-loader/assets/js/2.b77b4f9a.js"><link rel="prefetch" href="/vue-module-loader/assets/js/3.9939b504.js"><link rel="prefetch" href="/vue-module-loader/assets/js/4.42c6da4f.js"><link rel="prefetch" href="/vue-module-loader/assets/js/5.ea8fc9b5.js"><link rel="prefetch" href="/vue-module-loader/assets/js/7.7b5ccef6.js"><link rel="prefetch" href="/vue-module-loader/assets/js/8.1c9e0161.js">
10+
<link rel="preload" href="/vue-module-loader/assets/css/0.styles.4006984a.css" as="style"><link rel="preload" href="/vue-module-loader/assets/js/app.5167cf3e.js" as="script"><link rel="preload" href="/vue-module-loader/assets/js/6.f5e07d6f.js" as="script"><link rel="prefetch" href="/vue-module-loader/assets/js/2.b77b4f9a.js"><link rel="prefetch" href="/vue-module-loader/assets/js/3.9939b504.js"><link rel="prefetch" href="/vue-module-loader/assets/js/4.8703429a.js"><link rel="prefetch" href="/vue-module-loader/assets/js/5.b6db73c1.js"><link rel="prefetch" href="/vue-module-loader/assets/js/7.c3a593fa.js"><link rel="prefetch" href="/vue-module-loader/assets/js/8.1c9e0161.js">
1111
<link rel="stylesheet" href="/vue-module-loader/assets/css/0.styles.4006984a.css">
1212
</head>
1313
<body>
1414
<div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>How did we get here?</blockquote> <a href="/vue-module-loader/" class="router-link-active">Take me home.</a></div></div><div class="global-ui"></div></div>
15-
<script src="/vue-module-loader/assets/js/app.2708a655.js" defer></script><script src="/vue-module-loader/assets/js/6.f5e07d6f.js" defer></script>
15+
<script src="/vue-module-loader/assets/js/app.5167cf3e.js" defer></script><script src="/vue-module-loader/assets/js/6.f5e07d6f.js" defer></script>
1616
</body>
1717
</html>

‎docs/api/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<meta name="description" content="vue.js项目的微前端模块加载器">
88

99

10-
<link rel="preload" href="/vue-module-loader/assets/css/0.styles.4006984a.css" as="style"><link rel="preload" href="/vue-module-loader/assets/js/app.2708a655.js" as="script"><link rel="preload" href="/vue-module-loader/assets/js/2.b77b4f9a.js" as="script"><link rel="preload" href="/vue-module-loader/assets/js/7.7b5ccef6.js" as="script"><link rel="prefetch" href="/vue-module-loader/assets/js/3.9939b504.js"><link rel="prefetch" href="/vue-module-loader/assets/js/4.42c6da4f.js"><link rel="prefetch" href="/vue-module-loader/assets/js/5.ea8fc9b5.js"><link rel="prefetch" href="/vue-module-loader/assets/js/6.f5e07d6f.js"><link rel="prefetch" href="/vue-module-loader/assets/js/8.1c9e0161.js">
10+
<link rel="preload" href="/vue-module-loader/assets/css/0.styles.4006984a.css" as="style"><link rel="preload" href="/vue-module-loader/assets/js/app.5167cf3e.js" as="script"><link rel="preload" href="/vue-module-loader/assets/js/2.b77b4f9a.js" as="script"><link rel="preload" href="/vue-module-loader/assets/js/7.c3a593fa.js" as="script"><link rel="prefetch" href="/vue-module-loader/assets/js/3.9939b504.js"><link rel="prefetch" href="/vue-module-loader/assets/js/4.8703429a.js"><link rel="prefetch" href="/vue-module-loader/assets/js/5.b6db73c1.js"><link rel="prefetch" href="/vue-module-loader/assets/js/6.f5e07d6f.js"><link rel="prefetch" href="/vue-module-loader/assets/js/8.1c9e0161.js">
1111
<link rel="stylesheet" href="/vue-module-loader/assets/css/0.styles.4006984a.css">
1212
</head>
1313
<body>
@@ -33,6 +33,6 @@
3333
<span class="token keyword">this</span><span class="token punctuation">.</span>$dynamicComponent<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span>AComponent<span class="token punctuation">,</span> <span class="token string">'HEADER'</span><span class="token punctuation">)</span>
3434
</code></pre></div><h3 id="destroy"><a href="#destroy" class="header-anchor">#</a> .destroy</h3> <p>移除某个动态组件插槽内的某个组件，如果不传 position 参数，默认会去“GLOBAL”的位置查找。</p> <ul><li><p>参数:</p> <ul><li><p>{String} componentName</p></li> <li><p>{String} position</p></li></ul></li> <li><p>用法:</p></li></ul> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">this</span><span class="token punctuation">.</span>$dynamicComponent<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token string">'componentName'</span><span class="token punctuation">,</span> <span class="token string">'HEADER'</span><span class="token punctuation">)</span>
3535
</code></pre></div><h2 id="vm-eventbus"><a href="#vm-eventbus" class="header-anchor">#</a> vm.$eventBus</h2> <p>事件总线工具，通过 <code>vm.$eventBus</code> 上的若干个方法进行使用，具体说明如下：</p> <h3 id="on"><a href="#on" class="header-anchor">#</a> .on</h3> <ul><li><h4 id="参数-2"><a href="#参数-2" class="header-anchor">#</a> 参数:</h4> <ul><li><p>{String} eventName</p></li> <li><p>{Function} handler</p></li></ul></li></ul> <p>监听一个事件，并且指定处理函数。</p> <div class="custom-block warning"><p class="custom-block-title">WARNING</p> <p>匿名处理函数无法取消监听，具名函数可以被<code>off</code>方法取消监听。</p></div> <h3 id="emit"><a href="#emit" class="header-anchor">#</a> .emit</h3> <ul><li><h4 id="参数-3"><a href="#参数-3" class="header-anchor">#</a> 参数:</h4> <ul><li><p>{String} eventName</p></li> <li><p>{any} payload</p></li></ul></li></ul> <p>触发一个事件，并且发送任意数据作为监听方法处理函数的参数。</p> <h3 id="off"><a href="#off" class="header-anchor">#</a> .off</h3> <ul><li><h4 id="参数-4"><a href="#参数-4" class="header-anchor">#</a> 参数:</h4> <ul><li><p>{String} eventName</p></li> <li><p>{Function} handler</p></li></ul></li></ul> <p>取消一个事件的指定处理函数。</p> <div class="custom-block warning"><p class="custom-block-title">WARNING</p> <p>监听时如果是匿名处理函数无法取消监听。</p></div> <h3 id="clear"><a href="#clear" class="header-anchor">#</a> .clear</h3> <ul><li><h4 id="参数-无"><a href="#参数-无" class="header-anchor">#</a> 参数: 无</h4></li></ul> <p>清空 eventBus，这会取消所有事件监听。</p> <h3 id="getevents"><a href="#getevents" class="header-anchor">#</a> .getEvents</h3> <ul><li><h4 id="参数-无-2"><a href="#参数-无-2" class="header-anchor">#</a> 参数: 无</h4></li></ul> <p>获取所有已监听事件列表</p></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
36-
<script src="/vue-module-loader/assets/js/app.2708a655.js" defer></script><script src="/vue-module-loader/assets/js/2.b77b4f9a.js" defer></script><script src="/vue-module-loader/assets/js/7.7b5ccef6.js" defer></script>
36+
<script src="/vue-module-loader/assets/js/app.5167cf3e.js" defer></script><script src="/vue-module-loader/assets/js/2.b77b4f9a.js" defer></script><script src="/vue-module-loader/assets/js/7.c3a593fa.js" defer></script>
3737
</body>
3838
</html>

‎docs/assets/img/group.3699368f.png‎

-18.8 KB
Binary file not shown.

‎docs/assets/img/group.7387bf92.png‎

13 KB
Loading

‎docs/assets/js/4.42c6da4f.js‎ renamed to ‎docs/assets/js/4.8703429a.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/assets/js/5.b6db73c1.js‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/assets/js/5.ea8fc9b5.js‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

0 commit comments

Comments
 (0)