Vue的指令有哪些钩子函数、各是什么意思?【专栏14】
前端人
共 1905字,需浏览 4分钟
· 2021-06-26
自定义指令使用场景
存在复杂业务逻辑处理,并且对dom更新相对较少,此时就会用到自定义指令 简化组件内部代码,此时就会用到自定义指令 当需要对普通 DOM 元素进行底层操作,此时就会用到自定义指令 需要减少代码改动,且存在多个相同业务逻辑的,此时就会用到自定义指令
自定义指令使用实例
const auths=["order","users","activity"];
const isAuth=(current)=>{
const roles=localStorage.getItem("auths");
const isR=current.some(item => auths.includes(item));
return isR;
}
Vue.directive('auths', {
//01
bind: function (el, binding, vnode) {
},
//02
inserted: function (el, binding) {
const current = binding.value
if(!current||!isAuth(current)){
el.parentNode && el.parentNode.removeChild(el);
}
},
//03
update: function (el, binding, vnode,oldVnode) {
},
//04
componentUpdated: function (el, binding, vnode,oldVnode) {
},
//05
unbind: function () {
},
})
<template>
<a v-auths="['order']">编辑订单</a>
</template>
触发顺序
如auths自定义指令中定义的顺序
自定义指令钩子函数
bind
:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted
: 被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。update
:所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变,也可能没有。componentUpdated
:指令所在组件的 VNode 及其子 VNode 全部更新后调用。unbind
: 只调用一次,指令与元素解绑时调用。
参考资料
https://cn.vuejs.org/v2/guide/custom-directive.html
说明
本专栏总共汇总了150
道题,每道题目答案没有多余扯皮的部分,就是单纯的答案。
关注公众号,每天一到面试题,为下次跳槽准备,人人都能冲击30k+
,点击↓
关注【鬼哥
】
当前进度【#014题】
,如果你能点赞分享、鬼哥骑自行车也是开心的
评论
最新的主流人力资源管理管理系统有哪些?优缺点各是什么?
先给大家科普一下什么是人力资源管理系统:
人力资源管理系统, 通过提高内部员工的满意度、忠诚度,从而提高员工贡献度,即绩效,帮助管理者通过有效组织管理降低成本和加速增长来创造价值链利润。人力资源综合管理解决方案从人力资源管理的角度出发,用集中的数据将几乎所有与人力资源相关的信息(包括:组织规划、招聘管理、人事在职离职档案、员工履历、劳动合同、奖惩管理、办公用品、医院保险、调动管理、培训管理、绩效管理、考勤管理、计时工资、计件工资、宿舍管理、员工自助、领导审批等)统一管理起来。
目前市场上主流的人力资源管理系统有:瑞人云等,不过每个软件针对的行业和功能问题不一样。
如果你是人力资源外包公司,是劳务派遣,外包,社保代缴等人力资源服
瑞方
0
最新的主流人力资源管理管理系统有哪些?优缺点各是什么?
如果仅仅只是针对问题的字面来问题,那么答案都是大同小异的。但我个人感觉,提出这个问题,其实是要为企业选一款合适的软件。那么就先要在“合适”的基础上,去谈主流。
那么,问题来了,什么才叫“合适”呢?不是普遍意义上贵的、好的、名气响的,而是在企业选择人力资源管理软件时,能在各种考量因素中都取得最优水平的那一个,但这是理想状态;比较符合现实的思路是:综合各项因素,均值最高的就是最适合企业的。
根据调研,企业在选择软件时普遍考量的因素为:1、价格;2、背景;3、功能与服务。综合这三个因素均值水平最高的即是合适的软件。以下这10款软件都是本人在从业过程中了解过的人力资源管理系统,我截取当时做的部分笔记,来作为对这道题目的回答,以供参考。
Celine
0