2021前端高频面试题

开课吧开课吧锤锤2021-04-08 16:31

点赞
有用
分享分享

    问:vuex过程。

    分析:页面通过mapAction异步向操作提交事件。action通过commit向mutation提交相应的参数。Mutation将修改状态中的mate值。最终,通过getter将得到一个对应值,并通过mapGetter在页面的计算属性中动态获得状态值。

web

    问:什么是V-model的原则?

    分析:Vue的双向数据绑定是通过结合发布者订户实现的数据劫持。DataMission是指通过Object.defineProperty()对对象数据进行setter和getter操作。当数据变化时,按你的意愿操作。

    基本原理是通过Observer来监听自己的model数据变化,通过Compile来解析编译的模板指令,最后利用Watcher来搭建Observer和Compile之间的通信桥梁,实现数据变化->视图更新在vue实例初始化时,遍历data这个对象,为每个键值对使用Object.definedProperty对data的键值对增加get和set方法,利用事件监视DOM的机制,让视图改变数据。

    问:谈谈您对keep-alive的认识?

    解决方案:keep-alive是Vue内置的组件,它可以使包含的组件保持状态,避免重新渲染,它具有以下特性:

    通常将路由与动态组件结合使用,用于缓存组件;

    可提供include和exclude属性,这两个属性都支持字符串或正则表达式,include表示只缓存名称匹配的组件,exclude表示没有名称匹配的组件,而exclude在其中的优先级高于include;

    与之对应的两个钩子函数activated和deactivated,在激活组件时触发钩子函数activated,在删除组件时触发钩子函数deactivated。

    上面是为大家总结整理的面试题,一个简单的面试题不足以满足你学习的心情,那么点击下面的图片,免费领取面试题。

web

    看多了,看少了,找面试题,又麻烦了,还不定对自己能力的提高有帮助,拿到一个综合面试题,对大家都有帮助。

有用
分享