1. VueRouter是什么, 有那些组件
-
Vue Router 是官方的路由管理器。它和 Vue.js 的核心深度集成,路径和组件的映射关系, 让构建单页面应用变得易如反掌。
-
router-link 实质上最终会渲染成a链接
-
router-view 子级路由显示
-
keep-alive 包裹组件缓存
2. router和route的区别
route相当于正在跳转的路由对象,可以从route里面获取[hash],name ,path,query,matched等属性方法 router 是VueRouter的实例,router是一个全局的路由对象,里面有很多的属性和方法 ,比如:router.push,route.options等等
3. 路由开发的优缺点
优点:
-
整体不刷新页面,用户体验更好
-
数据传递容易, 开发效率高
缺点:
-
开发成本高(需要学习专门知识)
-
首次加载会比较慢一点。不利于seo
4. VueRouter的使用方式
-
使用Vue.use( )将VueRouter插入
-
创建路由规则
-
创建路由对象
-
将路由对象挂到 Vue 实例上
-
设置路由挂载点
5. 路由跳转有那些方式
2、this.$router.push()跳转到指定的url,并在history中添加记录,点击回退返回到上一个页面
3、this.$router.replace()跳转到指定的url,但是history中不会添加记录,点击回退到上上个页面
4、this.$router.go(n)向前或者后跳转n个页面,n可以是正数也可以是负数
6. 编程式导航使用的方法以及常用的方法
- 路由跳转: this.$router.push()
- 路由替换: this.$router.replace()
- 后退: this.$router.back()
- 前进: this.$router.forward()