随笔分类 -  vue路由面试题

10.vue-router实现路由懒加载（ 动态加载路由 ）
摘要：vue-router实现路由懒加载 当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载. 阅读全文
posted @ 2020-08-12 22:59 大牛半路出家 阅读(3821) 评论(0) 推荐(0)
9、vue-router的两种模式（hash模式和history模式）的区别
摘要：vue-router的两种模式的区别 众所周知，vue-router有两种模式，hash模式和history模式，这里来谈谈两者的区别。 hash模式 hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事件: 上面的代码可以通过改变hash来改变页面字体颜色，虽然 阅读全文
posted @ 2020-08-12 22:55 大牛半路出家 阅读(509) 评论(0) 推荐(0)
8、vue-router传递参数的几种方式
摘要：https://blog.csdn.net/crazywoniu/article/details/80942642 阅读全文
posted @ 2020-08-12 22:54 大牛半路出家 阅读(293) 评论(0) 推荐(0)
7、vue-router如何响应 路由参数 的变化？https://blog.csdn.net/lanseguhui/article/details/90181503
摘要： 阅读全文
posted @ 2020-08-12 22:53 大牛半路出家 阅读(261) 评论(0) 推荐(0)
6.$route 和 $router 的区别
摘要：1 this.$router和this.$route的区别 vue router this.$router是VueRouter的实例方法，当导航到不同url，可以使用this.$router.push方法，这个方法则会向history里面添加一条记录，当点击浏览器回退按钮或者this.$router 阅读全文
posted @ 2020-08-12 22:50 大牛半路出家 阅读(759) 评论(0) 推荐(0)
5、vue-router有哪几种导航钩子（ 导航守卫 ）
摘要：https://www.cnblogs.com/kzxiaotan/p/11676872.html看链接清楚些 问题一：vue-router有哪几种导航钩子（ 导航守卫 ）？ 1、全局守卫： router.beforeEach 2、全局解析守卫： router.beforeResolve 3、全局后 阅读全文
posted @ 2020-08-12 22:42 大牛半路出家 阅读(1204) 评论(0) 推荐(0)
4.怎么定义 vue-router 的动态路由? 怎么获取传过来的值
摘要：在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id 例如 : this.$route.params.id 详解：https://blog.csdn.net/weixin_41399785/article/details/7938135 阅读全文
posted @ 2020-08-12 22:38 大牛半路出家 阅读(4217) 评论(0) 推荐(0)
3.active-class 是哪个组件的属性？
摘要：active-class属于Vue哪一个modules,有什么作用 active-class 属于vue-router的样式方法 当routerlink标签被点击时将会应用这个样式 使用有两种方法 routerLink标签内使用 <router-link to='/' active-class="a 阅读全文
posted @ 2020-08-12 22:34 大牛半路出家 阅读(1353) 评论(0) 推荐(0)
Vue中的组件及路由使用
摘要：Vue中的组件及路由使用 1.组件是什么 组件系统是 Vue 的一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。通常一个应用会以一棵嵌套的组件树的形式来组织； 1.1组件的声明及使用 全局组件 <body> <div id="app"> <!-- 用全局组件的名 阅读全文
posted @ 2020-08-12 22:33 大牛半路出家 阅读(732) 评论(0) 推荐(0)
2、vue-router有哪些组件？
摘要：<router-link :to='' class='active-class'> //路由声明式跳转 ，active-class是标签被点击时的样式 <router-view> //渲染路由的容器 <keep-alive> //缓存组件 阅读全文
posted @ 2020-08-12 22:31 大牛半路出家 阅读(1709) 评论(0) 推荐(1)
1.mvvm 框架是什么？
摘要：前端页面中使用MVVM的思想，即MVVM是整个视图层view的概念，属于视图层的概念。 MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。 模型指的是后端传递的数据。 视图指的是所看到的页面。 视图模型是mvvm模式的核心，它是连接view和model的桥梁。 它有两 阅读全文
posted @ 2020-08-12 22:25 大牛半路出家 阅读(2620) 评论(0) 推荐(0)