首页 > 2019vue面精彩试题大全附问题详解

2019vue面精彩试题大全附问题详解

发布时间：2023-02-01 02:13:53 来源：文档文库

小中大

字号：

手机查看

实用2019VUE前端面试题1、active-class是哪个组件的属性?嵌套路由怎么定义?答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?答：在router目录下的index.js文件中，对path属性加上/:id。使用router对象的params.id3、vue-router有哪几种导航钩子?答：三种，一种是全局导航钩子：router.beforeEach(to,from,next，作用：跳转前进行判断拦截。第二种：组件内的钩子;第三种：单独路由独享组件4、scss是什么?安装使用的步骤是?有哪几大特性?答：预处理css，把css当前函数编写，定义变量,嵌套。先装css-loader、node-loader、sass-loader等加载器模块，在webpack-base.config.js配置文件中加多一个拓展:extenstion，再加多一个模块：module里面test、loader4.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-swiper6、v-model是什么?怎么使用?vue中标签怎么绑定事件?答：可以实现双向绑定，指令(v-class、v-for、v-if、v-show、v-on。vue的model层的data属性。绑定事件：文档

本文来源：https://www.2haoxitong.net/k/doc/bb0e39e52a4ac850ad02de80d4d8d15abf23005c.html