# 安装

# 1. 全局安装

# 2.1 script

<!--全局组件-->
<script src="https://tiem-cdn.qq.com/slugteam/libraries/slug-report/slug-report@0.1.min.js"></script>
<script>
  // 实例化
  var slugReport = new SlugReport({
    game: 'smoba',
  })
</script>
1
2
3
4
5
6
7
8

# 2.2 npm

使用 npm 或 tnpm 命令进行安装:

tnpm install @tencent/slug-report -S
1

dmp 上报组件作为一个 Vue 插件,在模块化的打包系统中,必须显式地通过 Vue.use() 来安装:

import Vue from 'vue'
import SlugReport from '@tencent/SlugReport'

// 安装到Vue
Vue.use(SlugReport)

// 实例化
let slugReport = new SlugReport({
  game: 'smoba',
})
1
2
3
4
5
6
7
8
9
10

# 3. 局部安装

# 3.1 script

<!--dmp组件-->
<script src="https://tiem-cdn.qq.com/slugteam/libraries/slug-report/slug-report.dmp@0.1.min.js"></script>
<!--mosso组件-->
<script src="https://tiem-cdn.qq.com/slugteam/libraries/slug-report/slug-report.mosso@0.1.min.js"></script>
<script>
  var dmp = new DmpReport({
    game: 'smoba',
  })

  var mosso = new MossoReport()
</script>
1
2
3
4
5
6
7
8
9
10
11

# 3.2 npm

使用 npm 或 tnpm 命令进行安装:

tnpm install @tencent/slug-report -S
1

dmp 上报组件作为一个 Vue 插件,在模块化的打包系统中,必须显式地通过 Vue.use() 来安装:

import Vue from 'vue'
import { Dmp, Mosso } from '@tencent/SlugReport'

Vue.use(Dmp)
Vue.use(Mosso)

var dmp = new Dmp({
  game: 'smoba',
})

var mosso = new Mosso()
1
2
3
4
5
6
7
8
9
10
11