vue-router有哪几种导航钩子 keep-alive的详细用法 解决跨域

简介: vue-router有哪几种导航钩子 keep-alive的详细用法 解决跨域

1===》vue-router有哪几种导航钩子?


第一种:是全局导航钩子:router.beforeEach(to,from,next)

     

第二种: 组件内的钩子

     

beforeRouteEnter(to, from, next) {

         

在渲染该组件的对应路由被 confirm 前调用


},
       beforeRouteUpdate(to, from, next) {

         

在当前路由改变,但是依然渲染该组件是调用

     

},
       beforeRouteLeave(to, from ,next) {

         

导航离开该组件的对应路由时被调用        

     

第三种:单独路由独享钩子  beforeEnter(to, from, next)      

   

2===》

     


keep-alive的详细用法

     

https://www.cnblogs.com/ljx20180807/p/9810480.html


     

to.meta.keepAlive = true; // B 跳转到 A 时,让 A 缓存,即不刷新

     

to.meta.keepAlive = false; // C 跳转到 A 时让 A 不缓存,即刷新


3==》  解决跨域

     


jsonp  添加响应头    nginx代理    proxyTable代理【pu la k c】

相关文章
|
1月前
第14节:Vue3 简化用法<script setup>
第14节:Vue3 简化用法<script setup>
26 0
|
8月前
|
JavaScript 前端开发 索引
28Vue - 列表渲染(基本用法)
28Vue - 列表渲染(基本用法)
28 0
|
10月前
|
JavaScript
vue中 v-for循环的用法详解
vue中 v-for循环的用法详解
129 0
vue中 v-for循环的用法详解
|
1月前
|
JavaScript API UED
|
1月前
|
JavaScript 前端开发 数据安全/隐私保护
Vue 应用里 vue-router 的用法
Vue 应用里 vue-router 的用法
24 0
|
1月前
|
JavaScript
Vue中的v-bind指令的用法有哪些?
Vue中的v-bind指令的用法有哪些?
160 37
|
1月前
|
移动开发 JavaScript 安全
技术博客:Vue中各种混淆用法汇总
技术博客:Vue中各种混淆用法汇总
66 0
|
1月前
Vue3的reactive、ref、toRef、toRefs用法以及区别
Vue3的reactive、ref、toRef、toRefs用法以及区别
47 0
|
1月前
|
缓存 JavaScript 前端开发
技术博客:Vue中各种混淆用法汇总
技术博客:Vue中各种混淆用法汇总
50 0
|
1月前
|
缓存 JavaScript API
最新,Vue 改进了响应式 API 中 getter 的用法!
最新,Vue 改进了响应式 API 中 getter 的用法!