有时项目需要设置标题，要是不设置的话展示的是访问的地址。

未改前：

最近的一个项目搭建的时候由于需要去监听路由并存储到本地。发现每次切换、刷新页面的时候都会出现加载三次的情况。

bug处理：
既然出现了问题，那么怎么解决呢？首先百度、google了一下vue多次加载mainjs和如何加载的问题。发现没有什么实际性作用。项目打包后在服务器预览也是没有任何问题。另外将谷歌开发者模式关闭手机模式后，通过网页预览，点击也是没有任何问题。在确保mainjs中的内容无误的情况下，去查看了app.vue,如下图：

<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" v-wechat-title='$route.meta.title'>
        <!-- 这里是会被缓存的视图组件 -->
      </router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" v-wechat-title='$route.meta.title'>
      <!-- 这里是不被缓存的视图组件 -->
    </router-view>
  </div>
</template>

main.js,如下图：

 import VueWechatTitle from 'vue-wechat-title'; // 设置页面title

 Vue.use(VueWechatTitle); 

最终发现是vue-wechat-titl