# 安装
# 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
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
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
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
2
3
4
5
6
7
8
9
10
11