4.0.5

packages/artplayer/examples/vue/Artplayer.vue

@@ -0,0 +1,36 @@
+<template>
+    <div ref="artRef"></div>
+</template>
+
+<script>
+import Artplayer from '../../';
+
+export default {
+    data() {
+        return {
+            instance: null,
+        };
+    },
+    props: {
+        option: {
+            type: Object,
+            required: true,
+        },
+    },
+    mounted() {
+        this.instance = new Artplayer({
+            ...this.option,
+            container: this.$refs.artRef,
+        });
+
+        this.$nextTick(() => {
+            this.$emit('get-instance', this.instance);
+        });
+    },
+    beforeUnmount() {
+        if (this.instance && this.instance.destroy) {
+            this.instance.destroy();
+        }
+    },
+};
+</script>