如何在Vue项目中使用CNZZ统计代码？

假设在cnzz获取到的统计代码是：https://s80.cnzz.com/z_stat.php?id=123456789&web_id=123456789

只需要修改App.vue，将

export default {

  name: ‘App’

}

修改为：

export default {

  name: ‘App’,

  mounted () {

    // 创建cnzz统计js

    const CNZZ_ID = 123456789

const CNZZ_SITE = 80

    const script = document.createElement(‘script’)

    script.src = `https://s${CNZZ_SITE}.cnzz.com/z_stat.php?id=${CNZZ_ID}&web_id=${CNZZ_ID}`

    script.language = ‘JavaScript’

    document.body.appendChild(script)

  },

  watch: {

    ‘$route’: {

      handler (to, from) {

        setTimeout(() => {

  // 避免首次获取不到window._czc

          if (window._czc) {

            let location = window.location

            let contentUrl = location.pathname + location.hash

            let refererUrl = ‘/’

            // 用于发送某个URL的PV统计请求

            window._czc.push([‘_trackPageview’, contentUrl, refererUrl])

          }

        }, 300)

      },

      immediate: true // 首次进入页面即执行

    }

  }

}