Vue 中的自定义指令directive

最新推荐文章于 2024-06-27 22:30:00 发布

ChuanYang Chen

最新推荐文章于 2024-06-27 22:30:00 发布

阅读量1k

点赞数 1

分类专栏：前端文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45525653/article/details/122641137

版权

本文介绍了Vue中自定义指令的使用，包括局部指令和全局指令的定义方式。重点讲解了自定义指令如何通过element和binding操作DOM，并指出指令的执行时机。提供了测试代码作为示例。

摘要由CSDN通过智能技术生成

⚠️ 自定义指令定义时需要注意的问题：

在「Vue对象」里面里使用directives:{ 函数 or 对象 }定义全局指令
在这里插入图片描述

在<script>里使用Vue.directive('指令名', 对象or函数)定义全局指令
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src="./js/vue.js"></script>
</head>
<body>
	<div id="main">

关注

专栏目录