vue路由全面详解（上）：基本使用、多级路由、工作模式…

npm i vue-router

2.应用插件

在 src文件夹下，新建 router 文件夹，新建文件 index.js

在 main.js 中引入路由，并应用路由插件

3.编写 router 配置项

在 index.js 中写 router 配置项，将组件与路径，建立映射关系。

注意：要先引入组件和路由，下面是直接导入组件

按需导入组件：只需要将上图的第9和13行，改为下面的形式即可

component: () => import(‘…/views/Home.vue’)

小案例展示：

App 组件中引入 About 和 Home 组件，About 和 Home 组件映射了路由路径

接下来，我们来实现路由的切换。

第1步，借助 router-link 标签

Home主页

About关于

其中：active-class 可配置高亮样式  ，to 后面是我们所要跳转的目标路径 path

** **指定组件展示的位置

鼠标点击 Home主页，下方切换到 Home 组件的内容；

鼠标点击 About关于，下方切换到 About 组件的内容，

 

二、多级路由

---

在 router 的 index.js 文件中，可以配置 children 项，实现多级路由。

在App组件中，完成路由切换，注意：要写完整的路径

Music

注意：不需要再写 ，页面中只需要写一次即可。

三、路由器的两种工作模式

---

url中的hash值是：网址中的 #及其后面的内容就是hash值，hash值不会包含在 HTTP 请求中，即：hash值不会带给服务器。

ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

其他知识点面试

• webpack的原理

• webpack的loader和plugin的区别？

• 怎么使用webpack对项目进行优化?

• 防抖、节流

• 浏览器的缓存机制

• 描述一下二叉树, 并说明二叉树的几种遍历方式?

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。
加入社区》https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0