Vue面试题VIP免费

1、active-class 是哪个组件的属性？嵌套路由怎么定义？ 答：vue-router 模块的router-link 组件。 2、怎么定义vue-router 的动态路由？怎么获取传过来的动态参数？ 答：在router 目录下的index.js 文件中，对path 属性加上/:id。 使用router对象的params.id 3、vue-router 有哪几种导航钩子？ 答：三种，一种是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。第二种：组件内的钩子；第三种：单独路由独享组件 4、scss 是什么？安装使用的步骤是？有哪几大特性？ 答：预处理css，把css 当前函数编写，定义变量,嵌套。 先装css-loader、node-loader、sass-loader 等加载器模块，在webpack-base.config.js 配置文件中加多一个拓展:extenstion，再加多一个模块：module 里面test、loader 4.1、scss 是什么？在vue.cli 中的安装使用步骤是？有哪几大特性？ 答：css 的预编译。 使用步骤： 第一步：用npm 下三个loader（sass-loader、css-loader、node-sass） 第二步：在build 目录找到webpack.base.config.js，在那个extends 属性中加一个拓展.scss 第三步：还是在同一个文件，配置一个module 属性 第四步：然后在组件的style 标签加上lang 属性 ，例如：lang=”scss” 有哪几大特性: 1、可以用变量，例如（$变量名称=值）； 2、可以用混合器，例如（） 3、可以嵌套 5、mint-ui 是什么？怎么使用？说出至少三个组件使用方法？ 答：基于vue 的前端组件库。npm 安装，然后import 样式和js，vue.use（mintUi）全局引入。在单个组件局部引入：import {Toast} from ‘mint-ui’。组件一：Toast(‘登录成功’)；组件二：mint-header；组件三：mint-swiper 6、v-model 是什么？怎么使用？ vue 中标签怎么绑定事件？ 答：可以实现双向绑定，指令（v-class、v-for、v-if、v-show、v-on）。vue的model 层的data 属性。绑定事件： 7、axios 是什么？怎么使用？描述使用它实现登录功能的流程？ 答：请求后台资源的模块。npm install axios -S 装好，然后发送的是跨域，需在配置文件中 config/index.js 进行设置。后台如果是Tp5 则定义一个资源路由。js 中使用import 进来，然后.get 或.post。返回在.then 函数中如果成功，失败则是在.catch 函数中 8、axios+tp5 进阶中，调用axios.post(‘api/user’)是进行的什么操作？axios...