摘要: 观察者模式 观察者模式也叫做发布-订阅模式,这个设计模式定义了一个1对多的依赖关系。当一个对象的状态发生改变的时候,所有订阅了等等对象都会接到通知 案例-汇率转换 我们要做一个案例,目的就是实现发布-订阅的功能; 我们的人民币是一个发布者,当前只有人民币进行信息的发布,所有的外币,只有接收通知的功能 阅读全文
posted @ 2021-09-24 15:52 keyeking 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 路由跳转有两种形式:声明式导航、编程式导航 声明式导航没有这类问题,因为vue-router底层已经处理好了 如果我们重复点击路由跳转的时候会遇到报错的情况 那么,为什么编程式导航进行路由跳转的时候,就有这种警告错误呢 现在vur-router的最新版本是3.5.3 "vue-router": "^ 阅读全文
posted @ 2021-09-23 22:01 keyeking 阅读(369) 评论(0) 推荐(0) 编辑
摘要: $router其实就是VueRouer的实例,对象包括了vue-router使用的实例方法,还有实例属性,我们可以理解为$router有一个设置的含义,比如设置当前的跳转,比如设置当前的返回 $route指的是当前跳转到该路由页面的相关路由属性 fullPath:完成解析后的url,包含查询参数和h 阅读全文
posted @ 2021-09-23 21:55 keyeking 阅读(311) 评论(0) 推荐(0) 编辑
摘要: vue-router的跳转主要有两种方式hash和history hash即地址栏URL中的#号,比如http://baidu/#/home这种路由就是hash路由,hash虽然后出现在url中,但是不会被包括在HTTP请求中,对后端没有影响 history利用了HTML5的History Inte 阅读全文
posted @ 2021-09-23 17:57 keyeking 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 编程式导航是通过js进行导航驱动,之前声明式是通过点击元素进行跳转 基本使用 1 <template> 2 <div> 3 <!--显示区域--> 4 <router-view></router-view> 5 <div class="box"> 6 <div class="left" @click 阅读全文
posted @ 2021-09-23 17:48 keyeking 阅读(798) 评论(0) 推荐(0) 编辑
摘要: 1 const path=require("path") 2 function resolve(dir){ 3 return path.join(__dirname,dir) 4 } 5 module.export={ 6 chainWebpack:(config)=>{ 7 // 第一参数@$代表 阅读全文
posted @ 2021-09-23 16:42 keyeking 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 路由懒加载也叫延迟加载 现在我们路由使用情况 1 import vue from "vue" 2 import vueRouter from "vue-router" 3 import Home from "../views/Home.vue" 4 import Sport from "../vie 阅读全文
posted @ 2021-09-23 16:34 keyeking 阅读(1356) 评论(0) 推荐(0) 编辑
摘要: 之前的router-link的to参数,是一个地址 此时我们可以进行参数配置,我们的路由不仅可以添加路由地址,还可以携带路由参数 path和query 我们可以通过to参数传入一个对象 1 <template> 2 <div> 3 <!--显示区域--> 4 <router-link :to="{p 阅读全文
posted @ 2021-09-23 16:24 keyeking 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 1.to属性 之前我们学习的路由地址都是自己手动输入的,没有任何的触发条件,此时我们可通过router-link设置点击跳转的元素 1 <template> 2 <div> 3 <router-link to='home'>点击跳转到home</router-link> 4 <router-link 阅读全文
posted @ 2021-09-23 16:04 keyeking 阅读(92) 评论(0) 推荐(0) 编辑
摘要: Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。 https://router.vuejs.org/zh/ 主要包含的功能 l 嵌套的路由/视图表 l 模块化的、基于组件的路由配置 l 路由参数、查询、通配符 l 基于 Vu 阅读全文
posted @ 2021-09-23 15:13 keyeking 阅读(74) 评论(0) 推荐(0) 编辑