vue 页面第一次访问加载数据,页面跳转回来就不加载数据了
时间: 2023-08-10 14:04:54 浏览: 191
详解vue页面首次加载缓慢原因及解决方案
你可以在vue的生命周期函数`created()`或者`mounted()`中加载数据,当页面跳转回来时,这两个函数不会再次调用,所以数据也不会再次加载。
例如,你可以在`created()`中发请求获取数据:
```
export default {
data() {
return {
dataList: []
}
},
created() {
axios.get('/api/data')
.then(res => {
this.dataList = res.data
})
.catch(err => {
console.error(err)
})
}
}
```
当页面第一次访问时,会调用`created()`函数,发请求获取数据并将数据存储在`dataList`中。当页面跳转回来时,`created()`函数不会再次调用,所以数据也不会重新加载。
阅读全文