【上海校区】 专攻小班JS前端培训
当前位置:  主页 > 前端动态 >

前端培训班中Vue面试题

2019-04-24/05:04:27


1.说说vue.cli项目中src目录每个文件夹和文件的用法?

答:assets文件夹主要放置静态资源,且assets目录中的文件会被webpack处理解析为模块依赖,支持相对路径形app.vue主组件,也就是说所有页面都是在App.vue下进行切换的。components放组件main.js入口文件,主要作用是初始化vue实例并使用需要的插件;router是定义路由管理器。


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

答:vue-router用来写路由一个插件。它的组件有:router-link、router-view


3.说出至少4种vue当中的指令和它的用法?

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


4、怎么定义vue-router的动态路由?怎么获取动态参数?

答:在vue-router目录下的index.js文件中对path属性加上/:定义动态路由。使用router对象的params.id获取动态参数。


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

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


6、说说封装 vue 组件的过程?

答:使用Vue.extend方法创建一个组件,使用Vue.component方法注册组件。


7.什么是vue生命周期?
答: Vue 实例从创建到销毁的过程,就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程,称之为 Vue 的生命周期。

1234956-20181109180046822-699694001.png

8..vue生命周期的作用是什么?
答:它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。


9.vue生命周期总共有几个阶段?
答:它可以总共分为8个阶段:创建前/后, 载入前/后,更新前/后,销毁前/销毁后。


10.第一次页面加载会触发哪几个钩子?
答:会触发 下面这几个beforeCreate, created, beforeMount, mounted 。


11..DOM 渲染在 哪个周期中就已经完成?
答:DOM 渲染在 mounted 中就已经完成了。


12.Vue实现数据双向绑定的原理

vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。


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

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


14.vue 中 ajax 请求代码应该写在组件的methods中还是vuex 的action中如果请求的数据不是被其他组件公用,只是在请求的组件内使用,就不需要放入 vuex 的 state 里如果被其他地方公用,请求应该放入 action 里,方便用,并包装成 promise 返回