ITPub博客

首页 > 应用开发 > IT综合 > 千锋长沙前端培训:Vue相关面试题

千锋长沙前端培训:Vue相关面试题

原创 IT综合 作者:千锋云计算 时间:2021-11-22 17:58:06 0 删除 编辑

       如果你想问前端最值得学习的框架是什么,我一定会毫不犹豫地告诉你是Vue。 无论你是技术小白还是前端工程师,Vue的重要性自不必多说。下面千锋 给大家分享下Vue相关面试题:

src=http___pic4.zhimg.com_v2-a3a350493a1ad6d46a1800ee2aad3fcf_1200x500.jpg&refer=http___pic4.zhimg

       1、什么是 mvvm?

       MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型,也可以在 Model 中定义数据修改和操作的业务逻辑;View 代表 UI 组件,它负责将数据模型转化成 UI 展现出来,ViewModel 是一个同步 View 和 Model 的对象。 在 MVVM 架构下,View 和 Model 之间并没有直接的联系,而是通过 ViewModel 进行交互,Model 和 ViewModel 之间的交互是双向的, 因此 View 数据的变化会同步到 Model 中,而 Model 数据的变化也会立即反应到 View 上。 ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来,而 View 和 Model 之间的同步工作完全是自动的,无需人为干涉,因此开发者只需关注业务逻辑,不需要手动操作 DOM, 不需要关注数据状态的同步问题,复杂的数据状态维护完全由 MVVM 来统一管理。

       2、mvvm 和 mvc 区别?

       mvc 和 mvvm 其实区别并不大。都是一种设计思想。主要就是 mvc 中 Controller 演变成 mvvm 中的 viewModel。mvvm 主要解决了 mvc 中大量的 DOM 操作使页面渲染性能降低,加载速度变慢,影响用户体验。和当 Model 频繁发生变化,开发者需要主动更新到 View 。

       3、vue 的优点是什么?

       低耦合。视图(View)可以独立于 Model 变化和修改,一个 ViewModel 可以绑定到不同的"View"上,当 View 变化的时候 Model 可以不变,当 Model 变化的时候 View 也可以不变。 可重用性。你可以把一些视图逻辑放在一个 ViewModel 里面,让很多 view 重用这段视图逻辑。 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计,使用 Expression Blend 可以很容易设计界面并生成 xml 代码。 可测试。界面素来是比较难于测试的,而现在测试可以针对 ViewModel 来写。

       4、vue生命周期的理解?

       答:总共分为 8 个阶段创建前/后,载入前/后,更新前/后,销毁前/后。 创建前/后: 在 beforeCreate 阶段,vue 实例的挂载元素 el 还没有。 载入前/后:在 beforeMount 阶段,vue 实例的$el 和 data 都初始化了,但还是挂载之前为虚拟的 dom 节点,data.message 还未替换。在 mounted 阶段,vue 实例挂载完成,data.message 成功渲染。 更新前/后:当 data 变化时,会触发 beforeUpdate 和 updated 方法。 销毁前/后:在执行 destroy 方法后,对 data 的改变不会再触发周期函数,说明此时 vue 实例已经解除了事件监听以及和 dom 的绑定,但是 dom 结构依然存在

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

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

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

       v-if(判断是否隐藏)、v-for(把数据遍历出来)、v-bind(绑定属性)、v-model(实现双向绑定)

       7、vue 的双向绑定的原理是什么?

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

       8、vuex 有哪几种属性

       有 5 种,分别是 state、getter、mutation、action、module。

       9、vuex 的 store 特性是什么

       vuex 就是一个仓库,仓库里放了很多对象。其中 state 就是数据源存放地,对应于一般 vue 对象里面的 data。 state 里面存放的数据是响应式的,vue 组件从 store 读取数据,若是 store 中的数据发生改变,依赖这相数据的组件也会发生更新, 它通过 mapState 把全局的 state 和 getters 映射到当前组件的 computed 计算属性。

       10、vuex 的 getter 特性是什么

       getter 可以对 state 进行计算操作,它就是 store 的计算属性。 虽然在组件内也可以做计算属性,但是 getters 可以在多给件之间复用, 如果一个状态只在一个组件内使用,是可以不用 getters。

       11、vuex 的 mutation 特性是什么

       action 类似于 muation, 不同在于:action 提交的是 mutation,而不是直接变更状态。


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69916964/viewspace-2843521/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-18

  • 博文量
    933
  • 访问量
    506064