Vue常见问题总结

文章来源:华科小宝   作者:赵苗     发布时间:2021-02-28 06:43    浏览量:

1active-class是哪个组件的属性?嵌套路由怎么定义?

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

 

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

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

 

3vue-router有哪几种导航钩子?

答:三种,一种是全局导航钩子:router.beforeEach(to,from,next),作用:跳转前进行判断拦截。第二种:组件内的钩子;第三种:单独路由独享组件

 

4scss是什么?安装使用的步骤是?有哪几大特性?

答:预处理css,把css当前函数编写,定义变量,嵌套。 先装css-loadernode-loadersass-loader等加载器模块,在webpack-base.config.js配置文件中加多一个拓展:extenstion,再加多一个模块:module里面testloader

 

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

答:css的预编译。

 

使用步骤:

 

第一步:用npm 下三个loadersass-loadercss-loadernode-sass

 

第二步:在build目录找到webpack.base.config.js,在那个extends属性中加一个拓展.scss

 

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

 

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

 

有哪几大特性:

 

1、可以用变量,例如($变量名称=值);

 

2、可以用混合器,例如()

 

3、可以嵌套

 

5mint-ui是什么?怎么使用?说出至少三个组件使用方法?

 

答:基于vue的前端组件库。npm安装,然后import样式和jsvue.usemintUi)全局引入。在单个组件局部引入:import {Toast} from mint-ui’。组件一:Toast(‘登录成功’);组件二:mint-header;组件三:mint-swiper

 

6v-model是什么?怎么使用? vue中标签怎么绑定事件?

 

答:可以实现双向绑定,指令(v-classv-forv-ifv-showv-on)。vuemodel层的data属性。绑定事件:<input @click=doLog() />

 

7axios是什么?怎么使用?描述使用它实现登录功能的流程?

 

答:请求后台资源的模块。npm install axios -S装好,然后发送的是跨域,需在配置文件中config/index.js进行设置。后台如果是Tp5则定义一个资源路由。js中使用import进来,然后.get.post。返回在.then函数中如果成功,失败则是在.catch函数中

 

8axios+tp5进阶中,调用axios.post(api/user)是进行的什么操作?axios.put(api/user/8)呢?

 

答:跨域,添加用户操作,更新操作。

 

9、什么是RESTful API?怎么使用?

 

答:是一个api的标准,无状态请求。请求的路由地址是固定的,如果是tp5则先路由配置中把资源路由配置好。标准有:.post .put .delete

 

10vuex是什么?怎么使用?哪种功能场景使用它?

 

答:vue框架中状态管理。在main.js引入store,注入。新建了一个目录store,…… export 。场景有:单页应用中,组件之间的状态。音乐播放、登录状态、加入购物车

 

11mvvm框架是什么?它和其它框架(jquery)的区别是什么?哪些场景适合?

 

答:一个model+view+viewModel框架,数据模型modelviewModel连接两个

 

区别:vue数据驱动,通过数据来显示视图层而不是节点操作。

 

场景:数据操作比较多的场景,更加便捷

 

12、自定义指令(v-checkv-focus)的方法有哪些?它有哪些钩子函数?还有哪些钩子函数参数?

 

答:全局定义指令:在vue对象的directive方法里面有两个参数,一个是指令名称,另外一个是函数。组件内定义指令:directives

 

钩子函数:bind(绑定事件触发)、inserted(节点插入的时候触发)update(组件内相关更新)

 

钩子函数参数:elbinding

 

13、说出至少4vue当中的指令和它的用法?

 

答:v-if:判断是否隐藏;v-for:数据循环出来;v-bind:class:绑定一个属性;v-model:实现双向绑定

 

14vue-router是什么?它有哪些组件?

 

答:vue用来写路由一个插件。router-linkrouter-view

 


甘肃华科信息技术有限责任公司    版权所有    甘公网安备 62010202001329