【wiki知识库】09.欢迎页面添加（统计浏览量）Vue修改

<template>
  <div class="home-view">
    <!-- 其他内容 -->
    <p>{{ totalVisits }}</p>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      totalVisits: 0
    };
  },
  created() {
    this.updateVisitCount();
  },
  methods: {
    updateVisitCount() {
      const visitCountKey = 'visit_count';
      if (localStorage.getItem(visitCountKey)) {
        this.totalVisits = parseInt(localStorage.getItem(visitCountKey), 10);
      }
      this.totalVisits++;
      localStorage.setItem(visitCountKey, this.totalVisits);
    }
  }
};
</script>

这个简单的代码示例展示了如何在Vue应用中添加一个简单的浏览量统计功能。在created生命周期钩子中调用updateVisitCount方法，该方法会从localStorage中读取当前的浏览量，增加1，并将更新后的值存回localStorage。这样，每次页面加载时，浏览量就会自动更新。