VUE?定义指令是什么

在Vue中，自定义指令是一种非常有用的功能，它允许我们创建可复用的指令，这些指令可以用来操作DOM元素。自定义指令可以让我们在模板中更方便地处理一些常见的操作，例如表单验证、文本高亮等。

自定义指令的创建非常简单，只需要在Vue实例中注册一个全局或组件级别的自定义指令即可。全局指令可以在整个应用程序中使用，而组件级指令只能在当前组件内部使用。

1.创建局部指令
var app = new Vue({
? el: '#app',
? data: { ? ?
? },
? // 创建指令(可以多个)
? directives: {
? ? ? // 指令名称
? ? ? dir1: {
? ? ? ? ? inserted(el) {
? ? ? ? ? ? ? // 指令中第?个参数是当前使?指令的DOM
? ? ? ? ? ? ? console.log(el);
? ? ? ? ? ? ? console.log(arguments);
? ? ? ? ? ? ? // 对DOM进?操作
? ? ? ? ? ? ? el.style.width = '200px';
? ? ? ? ? ? ? el.style.height = '200px';
? ? ? ? ? ? ? el.style.background = '#000';
? ? ? ? ? }
? ? ? }
? }

2.全局指令
Vue.directive('dir2', {
? inserted(el) {
? ? ? console.log(el);
? }
})

3.指令的使?
<div id="app">
? <div v-dir1></div> ?
? <div v-dir2></div>
</div>


?