摘要: 1.方法一:可以通过 /url/:attr 方式实现通过路由传值给组件。($route和组件耦合度过高) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascrip 阅读全文
posted @ 2022-07-12 17:45 临易 阅读(40) 评论(0) 推荐(0)
摘要: 重定向:访问/b,重定向到/a。 1.方法一:redirect 根据路由路径重定向 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/ 阅读全文
posted @ 2022-07-12 17:32 临易 阅读(40) 评论(0) 推荐(0)
摘要: 命名视图:如果在界面中有一个以上的路由视图,那么需要给router-view指定name,在路由中不能使用component,而需要使用components映射多个组件。根据name来设置组件与router-view的绑定关系。 <!DOCTYPE html> <html> <head> <meta 阅读全文
posted @ 2022-07-12 17:19 临易 阅读(37) 评论(0) 推荐(0)
摘要: 命名路由:在定义路由的时候可以给路由指定name,我们在进行路由导航时可以通过路由的名字导航。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" sr 阅读全文
posted @ 2022-07-12 16:57 临易 阅读(34) 评论(0) 推荐(0)
摘要: js代码实现路由跳转:编程式导航。1.push() (字符串做参数) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" 阅读全文
posted @ 2022-07-12 15:42 临易 阅读(38) 评论(0) 推荐(0)
摘要: 嵌套路由:当我们点击一个链接,就会显示一个组件。在一级路由的组件中显示二级路由就是嵌套路由。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src 阅读全文
posted @ 2022-07-12 12:06 临易 阅读(43) 评论(0) 推荐(0)
摘要: 1.通配符(*):*可以匹配任意路径 例如: {path:"/*",component:t5}, //表示匹配所有路径 {path:"/user-*",component:t5}, //表示匹配所有以user开头的路径 const myrouter = new VueRouter({ routes: 阅读全文
posted @ 2022-07-12 11:46 临易 阅读(194) 评论(0) 推荐(0)
摘要: 路由router:是由vue官方提供的用于实现组件跳转的插件。基于vue。 1.路由插件的引用。 离线引用: 下载js文件:v4.x: https://unpkg.com/vue-router@4.1.2/dist/vue-router.global.js v3.x: https://unpkg.c 阅读全文
posted @ 2022-07-12 11:22 临易 阅读(84) 评论(0) 推荐(0)
摘要: axios回调函数的参数res:回调函数的res并不是接口返回的数据,而是表示一个响应对象。res.data才表示接口响应的数据。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="t 阅读全文
posted @ 2022-07-12 10:30 临易 阅读(59) 评论(0) 推荐(0)
摘要: 执行多个并发请求: axios.get(url1).then(function(res1){ //处理结果1 }); axios.get(url2).then(function(res2){ //处理结果2,不可写这里,可能因为网络影响,1还未执行完 }); //处理结果(需要等待两个请求都返回数据 阅读全文
posted @ 2022-07-12 09:59 临易 阅读(39) 评论(0) 推荐(0)