|
@@ -8,7 +8,7 @@
|
|
|
npm install utm-params-extractor-test
|
|
|
```
|
|
|
|
|
|
-##### 2. 在项目中使用
|
|
|
+##### 2. 在 React 项目中使用
|
|
|
|
|
|
```javascript
|
|
|
// ES6 模块
|
|
@@ -35,7 +35,34 @@ fetch('https://your-api.com/track', {
|
|
|
.catch(error => console.error('发送失败:', error));
|
|
|
```
|
|
|
|
|
|
-##### 3. 在 HTML 中直接使用
|
|
|
+##### 3. 在 Vue 项目中使用
|
|
|
+
|
|
|
+```vue
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <pre>{{ utmJson }}</pre>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import UtmTracker from 'utm-params-extractor-test';
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return { utm: null };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ utmJson() {
|
|
|
+ return this.utm ? JSON.stringify(this.utm, null, 2) : '正在获取...';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.utm = UtmTracker.get();
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+```
|
|
|
+
|
|
|
+##### 4. 在 HTML 中直接使用
|
|
|
|
|
|
```html
|
|
|
<script src="dist/main.js"></script>
|