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