subtitle
12
01
路由懒加载 路由懒加载
路由懒加载当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件 (opens new wi
2025-12-01
01
滚动行为 滚动行为
滚动行为使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。 vue-router 能做到,而且更好,它让你可以自定义路由切换时页面如何滚动。 注意: 这个功能只在支持 history.push
2025-12-01
01
数据获取 数据获取
数据获取有时候,进入某个路由后,需要从服务器获取数据。例如,在渲染用户信息时,你需要从服务器获取用户的数据。我们可以通过两种方式来实现: 导航完成之后获取:先完成导航,然后在接下来的组件生命周期钩子中获取数据。在数据获取期间显示“加载中”
2025-12-01
01
过度动效 过度动效
过渡动效<souter-view> 是基本的动态组件,所以我们可以用 transition 组件给它添加一些过渡效果: 123<transition> <router-view></router-
2025-12-01
01
路由元信息 路由元信息
路由元信息定义路由的时候可以配置 meta 字段: 12345678910111213141516const router = new VueRouter({ routes: [ { path: '/foo',
2025-12-01
01
导航守卫 导航守卫
导航守卫译者注 “导航”表示路由正在发生改变。 正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。 记住参数或查询的改变并不会触发进入
2025-12-01
01
创建 Vue Router 项目 创建 Vue Router 项目
什么是Vue RouterVue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。功能包括: 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查
2025-12-01
11
28
28
安装Git 安装Git
如何安装Git1、打开Git的官网:https://git-scm.cn/downloads选择Windows进行下载 双击下载后的Git-2.50.1-64-bit.exe,开始安装,这个界面只要展示了GPL的协议,点击Next下一步
2025-11-28
28
插槽 插槽
插槽 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。 在 2.6.0 中,我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目
2025-11-28
1 / 3