人事题:你对加班的看法?1.如何在子组件中访问父组件的实例2.你都做过哪些Vue的性能优化3. 小程序的双向绑定和 vue 有何不同?4. v-for中为什么要加key

人事题:你对加班的看法?
如果是在自己职责范围内,谈不上加班;如果工作需要我也会义不容辞加班,我没有家庭负担,可以全身心的投入工作。但同时,我也会提高工作效率,减少不必要的加班。
1.如何在子组件中访问父组件的实例

在 Vue 中,可以使用 this.$parent 访问当前组件的父组件实例。如果需要访问更上层的组件,可以通过递归调用 this.$parent 实现。
 

另外,为了避免组件之间出现紧耦合的情况,可以通过 props 属性把父组件的数据传递给子组件,这样子组件就可以不依赖于父组件的实例。

2.你都做过哪些Vue的性能优化


减少不必要的计算:避免在模板中使用复杂的表达式,尽可能减少计算量。
合理使用 v-if 和 v-show:v-if 会根据条件销毁和创建组件,而 v-show 只是控制组件的显示和隐藏,因此在频繁切换时,v-show 性能更好。
合理使用 computed 和 watch:computed 适合计算复杂的表达式,而 watch 适合监听某个属性的变化。
合理使用 v-for:尽可能使用 v-for 的 key 属性,避免在渲染时出现不必要的更新。
异步组件和懒加载:将某些组件异步加载或懒加载,可以减少页面初次加载时的请求量,提升页面加载速度。
避免频繁的 DOM 操作:避免在模板中频繁地添加、删除、修改 DOM,可以通过数据驱动的方式减少 DOM 操作。
启用生产模式:在开发过程中使用开发模式,而在生产环境中使用生产模式,可以减少不必要的代码和调试信息,提高性能。
合理使用第三方库:选择合适的第三方库,避免使用过于庞大或功能冗余的库,可以减小项目体积,提高性能。


3. 小程序的双向绑定和 vue 有何不同?

小程序的双向绑定和 Vue 的双向绑定有以下不同点:

1.模板语法不同:小程序使用的是 Mustache 模板语法,而 Vue 使用的是类 HTML 的模板语法。

2.数据流动不同:在小程序中,视图层和逻辑层是分开的,数据的流动是通过 setData 方法实现的;而在 Vue 中,视图层和逻辑层是紧密耦合的,数据的流动是自动完成的。

3.数据更新时机不同:在小程序中,数据的更新是异步的,需要通过 setData 方法更新,而在 Vue 中,数据的更新是同步的,直接修改数据即可。

4.数据绑定方式不同:在小程序中,数据绑定是通过在标签中使用{{}}实现的,而在 Vue 中,数据绑定是通过在标签中使用v-bind或{{}}实现的。


4. v-for中为什么要加key

在Vue的v-for指令中,使用key属性是为了优化列表渲染性能和保持组件状态的稳定性。每个节点都有一个唯一的key值,Vue可以通过key值来判断哪些节点是新增的,哪些节点是删除的,并且保持组件状态的稳定性。如果没有使用key属性,Vue会认为所有节点都是新节点,从而导致性能下降和组件状态的不稳定。因此,在使用v-for指令渲染列表时,应该为每个节点添加一个唯一的key属性。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值