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万元全栈开发视频资料!
领取专属 10元无门槛券
私享最新 技术干货