摘要:
4.7.作为vue的插件使用 在vue中,我们不需要在每个组件中都去引入axios,这样使用起来比较麻烦,我们可以结合插件vue axios,让操作更简化 1.安装插件 2.在入口文件中引入模块,并挂载插件 main.js 3.在组件中使用axios 螺钉课堂视频课程地址:http://edu.no 阅读全文
摘要:
4.5.创建实例 可以创建一个自定义实例应用于多个请求接口 实例中的相关配置: { // 是用于请求的服务器 URL url: '/user', // 是创建请求时使用的方法 method: 'get', // 默认是 get // 将自动加在 前面,除非 是一个绝对 URL。 // 它可以通过设置 阅读全文
摘要:
4.数据请求 4.1.axios是什么? axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它有以下特征: 4.2.简单使用 1.安装axios 2.使用axios发送get请求 在组件内部导入axios,这里以Demo1.vue为例: 在created中发送请 阅读全文
摘要:
3.11.1.vue router中的全局钩子函数 在vue router中,路由发生变化,我们可以做一些事情,例如:可以决定是否进入导航,可以决定跳转到哪里,官方文档中又叫做导航守卫 首先来看一个全局的钩子函数,官方文档中叫做注册一个全局的前置守卫,使用router.beforeEach方法来实现 阅读全文
摘要:
3.9.滚动行为 设置滚动行为的作用是导航到新路由时,让页面滚动到你想要的位置。 注意: 这个功能只在支持 history.pushState 的浏览器中可用。 3.10.过渡效果 vue中封装了一套transtion组件,可以提供过渡效果 3.10.1.通过过渡css类名的方式来设置过渡效果 过渡 阅读全文
摘要:
3.8.动态路由匹配和路由组件传参 3.8.1.动态路由匹配 动态路由意味着不固定,具有某种模式,我们希望通过某种匹配方式,把这种不固定的路由形势映射到同一个组件,例如:一个User组件,不同的ID表示不同的用户,即/user/1、/user/2、/user/3,这些不同用户所对应的路由,我们都希望 阅读全文
摘要:
3.6.重定向和别名 3.6.1.重定向 路由重定向通俗的说就是从一个路由重新定位跳转到另一个路由,例如:访问的 “/a” 重定向到“/b” 重定向也是通过配置routes选项完成的 上面代码中,访问 ‘/hello’ 并不会去渲染Hello组件,而是会跳转到路由‘/course’,去渲染cours 阅读全文
摘要:
3.4.嵌套路由 实际生活中的应用界面,通常由多层嵌套的组件组合而成。同样地,URL 中各段动态路径也按某种结构对应嵌套的各层组件,例如: 再来看看下面这种更直观的嵌套图: 接下来我们需要实现下面这种效果 核心代码: 1.需要在vip组件中增加嵌套代码 2.在路由配置文件中,需要为vip配置chil 阅读全文
摘要:
3.3.router link配置 3.3.1.实例 需求:实现下面效果,点击不同的菜单,显示不同的文字 核心代码:App组件 路由配置:index.js 3.3.2.使用router link实现跳转 核心代码:App组件 3.3.3.router link的其他配置 1.可以动态绑定一个变量 核 阅读全文
摘要:
3.路由切换 3.1.vue router路由切换 3.1.1.什么是前端路由 路由这个概念最先是后端出现的,发送不同的请求,后端根据请求的不同返回不同的资源,这个时候的url是和后端交互的,需要在后端去配置路由的跳转,这种开发方式有两个特点,一是整个项目中前端代码和后端代码是柔在一起的,通常都是需 阅读全文