Skip to content

Vue场景接入

安装

shell
npm i @owl-js/vue --save

Vue 2

js
import Vue from 'vue'
import App from './App'
import router from './router'

// 在项目最开始的地方引入下面的代码
import browserClient from '@owl-js/web'// 配置参数
import { vuePlugin } from '@owl-js/vue'

browserClient('init', {
  aid: 0, // 应用唯一标识,必填参数
  token: 'xxx-xxx', // 应用 token,必填参数
  integrations: [vuePlugin({ Vue })]
})

// 开启上报
browserClient('start')

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

vue 3

js

// 在项目最开始的地方引入下面的代码
import browserClient from '@owl-js/web'// 配置参数
import { vuePlugin } from '@owl-js/vue'// 配置参数

const app = createApp({
  // ...
});

browserClient('init', {
  aid: 0, // 应用唯一标识,必填参数
  token: 'xxx-xxx', // 应用 token,必填参数
  integrations: [vuePlugin({ app })]
})

// 开启上报
browserClient('start')

Released under the MIT License.