p46的路由緩存我自己使用watch精確的監(jiān)聽(tīng)路由參數(shù)的變化解決緩存問(wèn)題

代碼如下：

const getCategory = async (id=route.params.id) => {

? const res = await getCategoryListApi(id); //獲取路由的參數(shù)然后發(fā)請(qǐng)求

? categoryData.value = res.result;

};

const bannerList = ref([]);

const getBanner = async () => {

? const res = await getBannerApi({ distributionSite: "2" });

? bannerList.value = res.result;

? //console.log(res)

};

//監(jiān)聽(tīng)路由的參數(shù)的變化，可以把分類數(shù)據(jù)接口重新發(fā)送

// onBeforeRouteUpdate((to)=>{

// ? ? //存在問(wèn)題：使用最新的路由參數(shù)請(qǐng)求最新的分類依據(jù)

// ? ? getCategory(to.params.id)

// })

watch(

? ? ()=>route.params.id,

? ? (newValue, oldValue)=>{

? ? ? ? getCategory(newValue)

? ? },

? ? {immediate:true}

? ? )