Vue常见问题

1、active-class是哪个组件的属性？

vue-router模块的router-link组件。

2、嵌套路由怎么定义？

在实际项目中我们会碰到多层嵌套的组件组合而成，但是我们如何实现嵌套路由呢？因此我们需要在VueRouter 的参数中使用 children 配置，这样就可以很好的实现路由嵌套。

index.html，只有一个路由出口

"app"

main.js，路由的重定向，就会在页面一加载的时候，就会将home组件显示出来，因为重定向指向了home组件，redirect的指向与path的必须一致。children里面是子路由，当然子路由里面还可以继续嵌套子路由。

'vue''vue-router'

"./home.vue""./game.vue"

"/""/home"

"/home"

"/home/game"

'#app'

home.vue，点击显示就会将子路由显示在出来，子路由的出口必须在父路由里面，否则子路由无法显示。

"/home/game"

game.vue

3、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？

在router目录下的index.js文件中，对path属性加上/:id。使用router对象的params.id。

4、vue-router有哪几种导航钩子？

三种，

第一种：是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。

第二种：组件内的钩子

第三种：单独路由独享组件

5、scss是什么？在vue.cli中的安装使用步骤是？有哪几大特性？

css的预编译。

使用步骤：

第一步：用npm 下三个loader（sass-loader、css-loader、node-sass）

第三步：还是在同一个文件，配置一个module属性

第四步：然后在组件的style标签加上lang属性，例如：lang=”scss”

有哪几大特性:

1、可以用变量，例如（$变量名称=值）；

2、可以用混合器，例如（）

3、可以嵌套

写在最后

大咖的话：“最近有很多想学习编程的朋友问我有没有什么好的编程资料！因为最近今年我都在认真搜集有价值的编程资料，技术资料，只为帮助那些想学习编程而不知道从哪开始的朋友。

下图就是（部分资料截图）：

免费获取方式：

关注公众号：“H5大前端”，即可免费领取最新价值3万元全栈开发视频资料！