vue 添加 不蒜子 统计计数

# 之前都是在jq环境当中使用卜算子的，感觉还是比较方便

# 现在使用vue搭建个人博客，当然也要入乡随俗了

# 步入正题
1. 环境依赖安装
yarn add busuanzi.pure.js
# or
npm install busuanzi.pure.js --save

2. vue.js代码
<template>
  <div class="busuanzi">
    <span id="busuanzi_container_site_pv" style="display:none">
      本站总访问量
      <span id="busuanzi_value_site_pv"></span>次
      <span class="post-meta-divider">|</span>
    </span>
    <span id="busuanzi_container_site_uv" style="display:none">
      本站访客数
      <span id="busuanzi_value_site_uv"></span>人
    </span>
  </div>
</template>

<script>
let script;
export default {
  mounted() {
    script = require("busuanzi.pure.js");
  },
  // 监听,当路由发生变化的时候执行
  watch: {
    $route(to, from) {
      if (to.path != from.path) {
        script.fetch();
      }
      // console.log(to.path);
    }
  }
};
</script>