zhishiyv - 博客园

ES5和ES6的区别以及ES6常用特性

摘要： ECMAScript是ECMA International定义的商标脚本语言规范。创建它是为了标准化JavaScript。 ES脚本语言具有许多实现，流行的实现是JavaScript。通常，ECMAScript用于万维网的客户端脚本。ES5是ECMAScript 5的缩写；ES6是JavaScr 阅读全文

posted @ 2022-02-18 16:43 zhishiyv 阅读(874) 评论(0) 推荐(0) 编辑

CSS过渡和 CSS动画

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

posted @ 2022-02-17 17:58 zhishiyv 阅读(508) 评论(0) 推荐(0) 编辑

Vue Router(9)

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

posted @ 2022-02-17 14:51 zhishiyv 阅读(39) 评论(0) 推荐(0) 编辑

Vue Router(8)

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

posted @ 2022-02-17 12:54 zhishiyv 阅读(33) 评论(0) 推荐(0) 编辑

Vue Router(7)

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

posted @ 2022-02-17 11:12 zhishiyv 阅读(16) 评论(0) 推荐(0) 编辑

Vue Router(6)

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

posted @ 2022-02-17 09:58 zhishiyv 阅读(36) 评论(0) 推荐(0) 编辑

Vue Router(5)

摘要：命名路由 const routes = [ { path: '/user/:username', name: 'user', component: User } ] <router-link :to="{ name: 'user', params: { username: 'erina' }}"> 阅读全文

posted @ 2022-02-16 19:25 zhishiyv 阅读(28) 评论(0) 推荐(0) 编辑

Vue Router(4)

摘要：编程式导航除了使用 router-link, 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。导航到不同的位置注意：在 Vue 实例中，你可以通过 router 访问路由实例。因此你可以调用 this.$router.push 想要导航到不同的 UR 阅读全文

posted @ 2022-02-16 18:43 zhishiyv 阅读(90) 评论(0) 推荐(0) 编辑

Vue Router(3)

posted @ 2022-02-16 17:10 zhishiyv 阅读(45) 评论(0) 推荐(0) 编辑

Vue Router(2)

摘要：带参数的动态路由匹配很多时候，我们需要将给定匹配模式的路由映射到同一个组件。例如，我们可能有一个 User 组件，它应该对所有用户进行渲染，但用户ID不同。在Vue Router中，我们可以在路径中使用一个动态字段来实现，我们称之为路径参数 const User = { template: '< 阅读全文

posted @ 2022-02-16 15:46 zhishiyv 阅读(47) 评论(0) 推荐(0) 编辑

导航

公告