vue页面和本地html页面进行跳转返回，并且本地统计跳转的次数

在Vue中实现页面跳转和统计跳转次数，你可以使用Vue Router进行路由管理，同时结合localStorage进行本地数据的存取。

首先，在Vue项目中安装并配置Vue Router。你可以通过以下命令进行安装：

npm install vue-router

然后，在项目的`router/index.js`文件中配置路由：

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

const routes = [
  {
    path: '/',
    name: 'Home',
    component: () => import('@/views/Home.vue')
  },
  {
    path: '/about',
    name: 'About',
    component: () => import('@/views/About.vue')
  }
];

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
});

export default router;

在上面的例子中，我们定义了两个路由：Home和About。你可以根据自己的需求进行修改。

接下来，在需要跳转的组件中，使用`router-link`组件实现页面跳转：

<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>

为了统计跳转次数，我们可以在每次跳转时，将次数记录在localStorage中。在Vue组件的跳转方法中，添加统计逻辑：

methods: {
  goToHomePage() {
    // 记录跳转次数
    const count = localStorage.getItem('jumpCount') || 0;
    localStorage.setItem('jumpCount', parseInt(count) + 1);

    // 跳转到首页
    this.$router.push('/');
  }
}

这样，每次跳转到首页时，都会将跳转次数加1，并将结果存储在localStorage中。

你可以在需要展示跳转次数的地方，通过读取localStorage中的值来显示统计结果：

data() {
  return {
    jumpCount: 0
  }
},
mounted() {
  // 读取跳转次数
  this.jumpCount = localStorage.getItem('jumpCount') || 0;
}

然后，在模板中展示跳转次数：

<div>跳转次数：{{ jumpCount }}</div>

这样，你就可以实现页面跳转和统计跳转次数的功能了。注意，在本地HTML页面中使用localStorage时，需要注意浏览器的安全策略，一些浏览器可能会限制localStorage的使用。