黄子涵 - 博客园

2022年6月13日

摘要：任务 1 什么是前端路由 3.1.1 什么是路由 3.1.2 前端路由 3.1.3 前端路由的使用场景任务 2 Vue Router基本使用 3.2.1 安装路由 3.2.2 建立路由器模块 3.2.3 启动路由器 3.2.4 路由重定向 3.2.5 路由懒加载 3.2.6 <router-lin 阅读全文

posted @ 2022-06-13 10:29 黄子涵阅读(43) 评论(0) 推荐(0)

第三章作业

摘要：作业要求作业1要求路由综合练习。默认显示首页，当单击导航中的导航项时，会导航到相应的页面。作业2要求页面间导航练习，在作业 1 的基础上，添加按钮来控制页面间的导航。单击“后退”按钮可以后退一步记录，跳转到上一个页面。单击“前进”按钮可以在浏览器记录中前进一步。单击“跳步－ 2”按钮阅读全文

posted @ 2022-06-13 10:25 黄子涵阅读(156) 评论(0) 推荐(0)

2022年6月12日

3.3.3 router.go

摘要：语法 router.go(n) router.go 方法的参数是一个整数，表法在 history 记录中向前进多少步或向后退多少步，类似于 window.history.go(n)。具体看一下使用方法，例如： // 在浏览器记录中前进一步，等同于 history.forward() router. 阅读全文

posted @ 2022-06-12 07:24 黄子涵阅读(300) 评论(0) 推荐(0)

3.3.2 router.replace

摘要：语法 router.replace(location) router.replace 跟 router.push 很像，唯一的不同是它不会向 history 栈添加新记录，而是跟它的方法名一样只替换掉当前的 history 记录。 router.replace(...)等价于<router-lin 阅读全文

posted @ 2022-06-12 06:13 黄子涵阅读(480) 评论(0) 推荐(0)

2.6.2 基本用法

摘要： ES6 规定，Promise 对象是一个构造函数，用来生成 Promise 实例。 Promise 构造函数接受一个函数作为参数，该函数的两个参数分别是 resolve 和 reject。它们是两个函数，由 JavaScript 引擎提供，不用自己部署。 resolve 函数的作用是将 Promis 阅读全文

posted @ 2022-06-12 06:10 黄子涵阅读(42) 评论(0) 推荐(0)

2022年6月11日

3.3.1 router.push

摘要：语法 router.push(location) 要导航到不同的 URL，则使用 router.push 方法。该方法会向 history 找添加一个新的记录，当用户单击浏览器的后退按钮时，回到之前的 URL。说明当单击＜router-link＞时，会在内部调用 router.push(...) 阅读全文

posted @ 2022-06-11 22:52 黄子涵阅读(189) 评论(0) 推荐(0)

3.2.7 路由对象属性

摘要：下面列出了常用的路由信息对象。 $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如“/foo/bar”。 $route.params 一个 key/value 对象，包含了动态片段和全匹配片段，如果没有路由参数，就为空对象。 $route.query 一个 key/value 阅读全文

posted @ 2022-06-11 22:17 黄子涵阅读(72) 评论(0) 推荐(0)

3.2.6 <router-link>

摘要： <router-link＞组件支持用户在具有路由功能的应用中单击导航。通过 to 属性可以指定目标地址，默认渲染成带有正确链接的＜a＞标签，通过配置 tag 属性可以生成别的标签。另外，当目标路由成功激活时，链接元素会自动设置一个表示激活的 css 类名。下面来看一下<router-link>语法。阅读全文

posted @ 2022-06-11 21:55 黄子涵阅读(84) 评论(0) 推荐(0)

3.2.5 路由懒加载

摘要：在打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果能把不同路由对应的组件分割成不同的代码块，当路由被访问的时候才加载对应组件，就比较高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，可以轻松实现路由组件的懒加载。提示异步纽件：在大型应用中，可能需要将阅读全文

posted @ 2022-06-11 20:36 黄子涵阅读(49) 评论(0) 推荐(0)

3.2.4 路由重定向

摘要：项目应用通常都会有一个首页，默认首先打开的是首页，要跳转到哪个页面都可以设置路由路径发生跳转。有些时候也需要路由器定义全局的重定向规则，全局的重定向会在匹配当前路径之前执行。重定向也是通过 routes 配置来完成的，具体如示例 5 所示。示例 5 中展示的是从“／a ” 重定向到“/b”。示例阅读全文

posted @ 2022-06-11 19:15 黄子涵阅读(352) 评论(0) 推荐(0)

公告