摘要： CSS3中出现很多新的特性，其中比较好玩的3D操作就是： 过渡和动画效果。 相似： animation属性类似于 transition，都是随着时间元素的属性值 区别： 它们主要区别在于： transition 需要触发一个事件才会随着时间改变其CSS属性；animation 在不需要触发任何事件的 阅读全文

摘要： 导航守卫 正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。 全局的前置守卫 你可以使用 router.beforeEach 注册一个全局前置守卫： const router = createRouter({ ... }) router.beforeEach((to 阅读全文

摘要： 在创建路由器实例时，history 配置允许我们在不同的历史模式中进行选择 Hash模式 hash 模式是用 createWebHashHistory() 创建的 import { createRouter, createWebHashHistory } from 'vue-router' cons 阅读全文

摘要： 将 props 传递给路由组件 在你的组件中使用 $route 会与路由紧密耦合，这限制了组件的灵活性，虽然这不一定是件坏事，但我们可以通过props配置来解除这种行为： 我们可以将下面的代码 const User = { template: '<div>User {{ $route.params. 阅读全文

摘要： 重定向 重定向也是通过 routes配置来完成，下面是 /home 重定向到 /： const routes = [{ path: '/home', redirect: '/' }] 重定向的目标也可以是一个命名的路由 const routes = [{ path: '/home', redirec 阅读全文