修改readme

README.md

@@ -1,4 +1,4 @@
-### 跟踪代码段可以捕获哪些数据？
+### 功能
 
 当您在网站中添加了上述任何一种跟踪代码段之后，就会针对用户访问的每个页面发送网页浏览数据。Google Analytics（分析）通过处理此数据可以推导出大量信息，其中包括：
 
@@ -13,22 +13,24 @@
 - 屏幕尺寸以及是否安装了 Flash 或 Java。
 - 引荐网站。
 
-### 首先生成 test 文件
+### 初始化项目
 
-安装 vue-cli,然后 create
+使用 vue-cli
+
+```
+vue create projectName
+```
 
 ### 注册账号
 
-[设置 Google Analytics（分析）代码](https://support.google.com/analytics/answer/1008080?hl=zh-Hans&visit_id=637044707359623679-3744912426&rd=1)
+[注册指南](https://support.google.com/analytics/answer/1008080?hl=zh-Hans&visit_id=637044707359623679-3744912426&rd=1)
 
 注册完后会给个跟踪 ID : UA-XXXXXX;
 
-还有响应的全局网站代码 (gtag.js),粘贴到 head 中,放第一个
+还有响应的全局网站代码 (gtag.js),复制到 head 标签首位
 
 ### 添加需要依赖
 
-当前项目有了就不必装了
-
 ```
 npm install vue-router
 npm install vue-analytics
@@ -37,7 +39,7 @@ npm install vue-analytics
 - [vue-router](https://router.vuejs.org/zh/guide/)
 - [vue-analytics](https://github.com/MatteoGabriele/vue-analytics)
 
-项目使用的事 vue-cli3.0 ,需要在 vue.config.js 中添加代码
+在 vue.config.js 中添加代码
 
 ```
 module.exports = {
@@ -73,20 +75,8 @@ Vue.use(VueAnalytics, {
 BASE_GA = ''UA-148352580-1''
 ```
 
-### 追踪
-
-在 pwa 项目中,点击路由切换仅仅是事件和 dom 的变化,页面并没有刷新,所以需要自己触发方便 google 追踪
-
-- [vue-analytics/docs](https://github.com/MatteoGabriele/vue-analytics/tree/master/docs)
-- [google analyticsjs](https://developers.google.com/analytics/devguides/collection/analyticsjs/events)
-
 #### 检查 GA 是否正常工作
 
-- GA 有正常初始化
-- 页面加载时 PageView 有发出，并且只发了一次；
-- 路由切换时 PageView 有发出，并且只发了一次；
-- 事件可以正常发出;
-
 首先下载谷歌插件[Tag Assistant (by Google)](https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk),然后进行相应页面,点击 record,刷新页面,如果是绿色就代表工作正常
 
 ![01](https://github.com/easterCat/vue-analytics-test/blob/master/src/assets/1.png?raw=true)
@@ -121,29 +111,41 @@ BASE_GA = ''UA-148352580-1''
 
 ![3](https://github.com/easterCat/vue-analytics-test/blob/master/src/assets/3.png?raw=true)
 
-执行一些其他的操作,在 home 和 girl 中添加一个按钮并绑定事件
+执行一些其他的操作,在 home 和 girl 组件中添加一个按钮点击事件
 
 ```
 tryClick() {
-      this.$ga.event("click", "今天是个好日子,上街去玩耍", "00687824");
+    this.$ga.event("click", "今天是个好日子,上街去玩耍", "00687824");
 
-      setTimeout(() => {
-        this.$ga.exception("我就是出错了,怎么了?");
-      }, 1000);
-    }
+    setTimeout(() => {
+      this.$ga.exception("我就是出错了,怎么了?");
+    }, 1000);
+  }
 ```
 
-打开分析页面,ok,事件和错误信息都已经统计到
+打开分析页面,事件和错误信息都已经统计到
 
 ![4](https://github.com/easterCat/vue-analytics-test/blob/master/src/assets/4.png?raw=true)
 
+- GA 有正常初始化
+- 页面加载时 PageView 有发出，并且只发了一次；
+- 路由切换时 PageView 有发出，并且只发了一次；
+- 事件可以正常发出;
+
 #### 指标名称
 
 - VV(Video View，播放数)，是指在一个统计周期内，视频被打开的次数之和。
 - CV(Content Views，内容播放数)，是指在一个统计周期内，视频被打开，且视频正片内容（除广告）被成功播放的次数之和。
 - PV(Page View，浏览量)，是指在一个统计周期内，浏览页面的数之和。
 - UV(Unique Visitor，访客数)，是指在一个统计周期内，访问网站的人数之和。
 
+### 谷歌追踪文档
+
+在单页面应用中,需要自己触发方便 google 追踪
+
+- [vue-analytics/docs](https://github.com/MatteoGabriele/vue-analytics/tree/master/docs) vue-analytics 文档
+- [google analyticsjs](https://developers.google.com/analytics/devguides/collection/analyticsjs/events) google analyticsjs 官网
+
 #### 参考
 
 [Vue 遇上 Analytics](https://juejin.im/post/5c3e1e0f51882524b77b7130)

src/App.vue

@@ -16,8 +16,7 @@
 export default {
   name: "app",
   watch: {
-    $route(to, from) {
-      console.log(to.path);
+    $route(to) {
       this.$ga.page(to.path);
     }
   }