diff --git a/src/components/AiOpenData.vue b/src/components/AiOpenData.vue
new file mode 100644
index 00000000..5553b4e1
--- /dev/null
+++ b/src/components/AiOpenData.vue
@@ -0,0 +1,26 @@
+<template>
+  <ww-open-data :type="type" :openid="openid"/>
+</template>
+
+<script>
+import {mapActions} from "vuex";
+
+export default {
+  name: "AiOpenData",
+  props: ['type', 'openid'],
+  methods: {
+    ...mapActions(['injectJWeixin'])
+  },
+  mounted() {
+    this.injectJWeixin().then(() => {
+      WWOpenData.bind(this.$el)
+      WWOpenData.on('error', res => {
+        console.log(res)
+      })
+      WWOpenData.on('update', res => {
+        console.log(res)
+      })
+    })
+  }
+}
+</script>