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万元全栈开发视频资料!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180711G08K0600?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券