个人简介

Echo Blog


江湖无名 安心练剑
  • Vue Router-07-命名路由
    命名路由 除了 path 之外,你还可以为任何路由提供 name。 这有以下优点: 没有硬编码的 URL params 的自动编码/解码。 防止你在 url 中出现打字错误。 绕过路径排序(如显示一个) const routes = [ { path: '/user/:username',...
    2021-08-29 13:01:55 | VUE
  • Vue Router-06-编程式导航
    编程式导航 除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。 导航到不同的位置 注意:在 Vue 实例中,你可以通过 router访this.router.push。 想要导航到不同的 URL,可以使用 router.push 方法。这个方法会向 histo...
    2021-08-29 13:01:55 | VUE
  • Vue Router-05-嵌套路由
    嵌套路由 一些应用程序的 UI 由多层嵌套的组件组成。 在这种情况下,URL 的片段通常对应于特定的嵌套组件结构,例如: /user/johnny/profile /user/johnny/posts +------------------+ +-----------------+ | User ...
    2021-08-29 13:01:55 | VUE
  • Vue Router-03-带参数的动态路由匹配
    路由的匹配语法 大多数应用都会使用 /about 这样的静态路由和 /users/:userId 这样的动态路由,就像我们刚才在动态路由匹配中看到的那样,但是 Vue Router 可以提供更多的方式! TIP 为了简单起见,所有的路由都省略了 component 属性,只关注 path 值。 在参数中自定义正则 当定义像 :userId 这样的参数时,我们内部使用以下的正...
    2021-08-29 13:01:55 | VUE
  • Vue Router-03-带参数的动态路由匹配
    带参数的动态路由匹配 很多时候,我们需要将给定匹配模式的路由映射到同一个组件。 例如,我们可能有一个 User 组件,它应该对所有用户进行渲染,但用户 ID 不同。 在 Vue Router 中,我们可以在路径中使用一个动态段来实现,我们称之为 路径参数 : const User = { template: '<div>User</div>', } //...
    2021-08-29 13:01:55 | VUE
  • Vue Router-02-入门例子
    入门 用 Vue + Vue Router 创建单页应用非常简单:通过 Vue.js,我们已经用组件组成了我们的应用。 当加入 Vue Router 时,我们需要做的就是将我们的组件映射到路由上,让 Vue Router 知道在哪里渲染它们。 下面是一个基本的例子: HTML <script src="https://unpkg.com/vue@3"></scri...
    2021-08-29 13:01:55 | VUE
  • Vue Router 是什么?安装笔记
    介绍 Vue Router 是 Vue.js 的官方路由。 它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。 功能包括: 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由 Vue.js 的过渡系统提供的过渡效果 ...
    2021-08-29 13:01:55 | VUE
  • 前端概览
    核心技术栈 JS TS VUE “axios”: “^0.19.2”, “core-js”: “^3.6.4”, “element-ui”: “^2.15.5”, “iview”: “^3.5.4”, “moment”: “^2.29.1”, “node-sass”: “^4.14.1”, “vue”: “^2.6.11”, “vue-router”: “^3.0.7”, “vuex...
    2021-08-03 13:01:55 | FrontEnd