欢迎光临散文网 会员登陆 & 注册

千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础

2023-07-21 19:20 作者:9572828  | 我要投稿

自定义一个以v-开头的属性 自定义指令能做的事情:操作dom

1.设置主题

2.设置权限

3.添加事件

需要:完成一个自定义指令的定义:需要定义它提供的5个狗子函数(不是必须全都用到)

钩子函数:一个方法在执行过程中 添加的若干个节点 这些节点他的执行有先后顺序 可以利用此顺序来完成一系列工作。

钩子函数:

bind 制定和绑定元素初始化时触发

inserted 当前指令绑定的元素它的已完全挂载到它的父节点中

update 数据更新时 或者更新前

componentUpdated 更新后

unbind 绑定的元素被销毁时触发

定义自定义指令: 全局指令 【当前项目中所有的组件都可以用】 局部指令【在哪个组件定义,此指令只能在此组件中使用】 (globalthis)既可以在window中用又可以在nodejs中用

全局: vue.directive(名称不要带v-)

对象方式它可以定义五个钩子函数 函数的方式是bind和update缩写

局部: 配置选项中定义 directives{

名称【不要带v-】:{ }

}

千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础的评论 (共 条)

分享到微博请遵守国家法律