說明：當所選城市變化時相應的數據也要發生改變，而考慮到性能優化以將數據放緩存，發送不了請求，這時候就要activated()函數或者監聽函數處理數據 ~~~ data() { return { swiperList: [], icon: [], icons: [], recommendList:[], weekendList:[], + currentCity:"" }; }, + computed:{ city(){ return this.$store.state.city } }, // mounted(){}也可以 created() { + this.currentCity=this.city homeModel.getlist(this.city).then(res => { var swiperList = res.data.gallary; var temp = res.data.icons; var recommendList = res.data.recommendList; var weekendList = res.data.weekendList; var icon = temp.slice(0, 8); var icons = temp.slice(8, 10); this.swiperList = swiperList; this.icons = icons; this.icon = icon; this.recommendList = recommendList; this.weekendList = weekendList; }); }, //如果頁面設置了keep-alive緩存則每次進入頁面都會觸發的函數 activated()和deactivated() // （因為主頁面設置了放置緩存不會發送請求（當city變化時要發送請求取主頁面相應數據）） + activated() { if(this.currentCity!=this.city){ this.currentCity=this.city; homeModel.getlist(this.city).then(res => { var swiperList = res.data.gallary; var temp = res.data.icons; var recommendList = res.data.recommendList; var weekendList = res.data.weekendList; var icon = temp.slice(0, 8); var icons = temp.slice(8, 10); this.swiperList = swiperList; this.icons = icons; this.icon = icon; this.recommendList = recommendList; this.weekendList = weekendList; }); } }, //另一個方法使用監聽屬性監聽值得變化(created函數中不需要this.currentCity=this.city) + // watch:{ // city(){ // homeModel.getlist(this.city).then(res => { // var swiperList = res.data.gallary; // var temp = res.data.icons; // var recommendList = res.data.recommendList; // var weekendList = res.data.weekendList; // var icon = temp.slice(0, 8); // var icons = temp.slice(8, 10); // this.swiperList = swiperList; // this.icons = icons; // this.icon = icon; // this.recommendList = recommendList; // this.weekendList = weekendList; // }); // } // }, ~~~