Vue_day05Contents目路由的概念以及前端路由的原理VueRouter实现前端路由嵌套路由,动态路由命名路由以及编程式导航后台管理案例Contents目路由的概念以及前端路由的原理VueRouter实现前端路由嵌套路由,动态路由命名路由以及编程式导航后台管理案例了解vue路由需要学习的内容要点提示vue路由的学习目标掌握程度:了解1.1vue路由的学习目标视了解路由的概念了解后端路由以及前端路由的基本概念要点提示路由的基本概念掌握程度:了解1.2路由的基本概念视答结1、什么是路由?2、路由分为哪两种?1.2路由的基本概念课堂问答视课堂问答答结1、什么是路由?路由的本质就是一种对应关系,比如说url地址和资源之间的对应关系2、路由分为哪两种?后端路由和前端路由1.2路由的基本概念课堂问答视知识总结结答使用onhashchange事件监听hash值的改变使用代码实现前端路由要点提示路由-实现简易的前端路由掌握程度:理解1.3路由-实现简易的前端路由视答结1、使用哪个事件可以监听hash值的变化?2、前端路由的实现思路是什么?1.3路由-实现简易的前端路由课堂问答视课堂问答答结1、使用哪个事件可以监听hash值的变化?window.onhashchange=function(){}2、理解前端路由的核心思路通过a标签的点击改变锚点hash值使用window.onhashchange监听hash值的改变通过location.hash获取到当前的hash值并进行判断,展示hash值对应的组件1.3路由-实现简易的前端路由课堂问答视知识总结结答Contents目路由的概念以及前端路由的原理VueRouter实现前端路由嵌套路由,动态路由命名路由以及编程式导航后台管理案例了解Vue-Router要点提示路由路由--介绍介绍vue-routervue-router掌握程度:了解1.4路由-介绍vue-router视答结Vue-Router的特性有哪些?1.4路由-介绍vue-router课堂问答视课堂问答答结Vue-Router的特性有哪些?支持H5历史模式或者hash模式支持嵌套路由支持路由参数支持编程式路由支持命名路由支持路由导航守卫支持路由过渡动画特效支持路由懒加载支持路由滚动行为1.4路由-介绍vue-router课堂问答视知识总结结答了解如何使用Vue-Router实现前端路由要点提示路由-vue-router的基本使用掌握程度:了解1.5路由-vue-router的基本使用视练答结1、使用Vue-Router实现前端路由的步骤有哪些?1.5路由-vue-router的基本使用课堂问答视课堂问答练答结1.使用Vue-Router实现前端路由的步骤A.导入js文件B.添加路由...