Merge branch 'master' of https://github.com/langyuxiansheng/vue-aliplayer-v2

README.md

@@ -12,13 +12,41 @@ npm i vue-aliplayer-v2 --save
 or
 yarn add vue-aliplayer-v2 
 ```
+
+#### 全局注册 main.js
+
 ```javascript
-//全局注册 main.js
 import VueAliplayerV2 from 'vue-aliplayer-v2';
 
 Vue.use(VueAliplayerV2);
 ```
 
+#### 局部注册 App.vue
+```html
+<template>
+    <div id="app">
+        <vue-aliplayer-v2 
+            @ready="handleReady" 
+            ref="VueAliplayerV2" 
+            id="player-1194076936807171180" 
+            :options="options" />
+    </div>
+</template>
+<script>
+import VueAliplayerV2 from 'vue-aliplayer-v2';
+export default {
+    data(){
+        return {
+            options: {  //配置项  
+                source:'rtmp://182.112.15.258:1688/hls/1194076936807171180'
+            }
+        }
+    },
+    components:{ VueAliplayerV2: VueAliplayerV2.Player }
+}
+</script>
+```
+
 ## 2.组件中使用
 
 ### 组件模板使用,但需要注意的是,假如你的页面中有多个播放器,那么这个id需要唯一!!,ID必传,只有一个的时候,可以忽略,命名只能是有效字符开头. 下面的视频连接是无效的,需要自己去替换成有效的.
@@ -313,6 +341,7 @@ npm run lint
 ```
 
 ## 7.缺陷 & 后期计划
+> 2019年12月27日 更新优化局部引用方式
 
 > 您有功能建议,或者bug反馈请留言.
 

examples/App.vue

@@ -14,7 +14,9 @@
     </div>
 </template>
 <script>
+// import VueAliplayerV2 from '../packages';
 export default {
+    // components:{ VueAliplayerV2: VueAliplayerV2.Player },
     data(){
         return {
             options: {

packages/index.js

@@ -22,6 +22,6 @@ if (typeof window !== 'undefined' && window.Vue) {
 export default {
     // 导出的对象必须具备一个 install 方法
     install,
-    VueAliplayerV2
+    Player: VueAliplayerV2
     // 组件列表
 };