vue项目刷新当前页面的三种方法,vue修改代码自动刷新

window.reload是重新加载当前需要的所有内容，也就包括页面和后台的代码，此过程中实际上是从后台重新进行操作；

解决思路：

在APP.vue 中写一个版本号，在静态文件再写一个版本号，相互印证，如果不一样的话，就调用 location.reload() 自动刷新页面

app.vue 代码：

var version = this.version; //版本号（每次上线前需要更新下版本号） console.log('当前版本号common.js：',version) var vvv ='1.1.5' console.log('当前版本号app.vue：',vvv) if(vvv!=version){ this.version=vvv; location.reload(); }

静态文件 common.js 代码：

//common.jsexport default { // 公共的js install(_this, options) { _this.prototype.version = '1.1.5',//版本号 }}

在mian.js 静态文件中导入：

import common from '../static/common_js/common.js'Vue.use(common)

ok， 这样就会自动更新common.js的静态文件了