最新文章
《和小米一起学Vue.js》— 路由保活 keep-alive
路由在切换的时候会自动销毁老路由并新建一个新路由来显示。有些时候我们会切换路由(地址),但是希望之前页面的数据不要被清空。这时候就需要用到 Vue 的一个组件 keep-alive 来使我们的路由持续保活。
路由保活keep-alive和小米一起学Vue.jsVue.jsjavascriptvue
 
《和小米一起学Vue.js》— 导航守卫
正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中:全局的,单个路由独享的,或者组件级的。
导航守卫和小米一起学Vue.jsVue.jsjavascriptvue
 
《和小米一起学Vue.js》— 参数传递
在我们使用路由的时候,有时候需要进行页面之间的传递参数,之前我们知道可以使用先routerlink绑定,然后通过$route/params来读取参数。但是还有没有其他的方式了呢?
参数传递和小米一起学Vue.jsVue.jsjavascriptvue
 
《和小米一起学Vue.js》— 嵌套路由
一些应用程序的 UI 由多层嵌套的组件组成。在这种情况下,URL 的片段通常对应于特定的嵌套组件结构,通过 Vue Router,你可以使用嵌套路由配置来表达这种关系。
嵌套路由和小米一起学Vue.jsVue.jsjavascriptvue
 
《和小米一起学Vue.js》— 路由懒加载
当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就会更加高效。
路由懒加载和小米一起学Vue.jsVue.jsjavascriptvue
 
《和小米一起学Vue.js》— Vue动态路由
很多时候,我们需要将给定匹配模式的路由映射到同一个组件。例如,我们可能有一个 User 组件,它应该对所有用户进行渲染,但用户 ID 不同。在 Vue Router 中,我们可以在路径中使用一个动态字段来实现,我们称之为 路径参数 。
Vue动态路由和小米一起学Vue.jsVue.jsjavascriptvue
 
综合 · 搜索