奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > vue面试通 > 面试题 >

vue三道面试题,附精简答案

时间:2018-09-12 18:01来源: 作者:史密斯
组件通信 1.父传子用props父用子用ref 子调父用$emit无关系用Bus
组件通信

1.父传子用props,父用子用ref 子调父用$emit,无关系用Bus

Vuex

组件通信库,可以避免子组件无法改变props的弊端等 mutations 同步操作, 用于改变状态 官方不推荐异步 action 执行多个mutaions,官方推荐异步操作 mapState、mapGetters、mapActions使用示例
 

Vue双向绑定

原理:利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。 缺点:双向数据流是自动管理状态的, 但是在实际应用中会有很多不得不手动处理状态变化的逻辑, 使得程序复杂度上升, 难以调试。

computed watch methods

用法: 区别:

  1. 前两者自动追踪数据,执行相关函数,最后一个手动调用;
  2. computed是计算属性,用法与data一致
  3. watch像事件监听,对象发生变化时,执行相关操作
  4. methods与js中执行方法类似
  5. computed通常只有get属性
  6. 数据变化的同时进行异步操作或者是比较大的开销,那么watch为最佳选择
  7. watch的对象必须事先声明
再附一张前端优化图片,用以提醒各位客官不忘让自己的项目保质保量
 
(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
史密斯 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-11-24 11:11 最后登录:2018-09-13 17:09

关注奔三路