指令是指示VueJS以某种方式执行某些操作。在前面的学习中，我们已经看到了诸如：v-if，v-show，v-else，v-for，v-bind，v-model，v-on等指令。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6000.html
在本章中，将学习自定义指令。创建类似于我们在学习组件中使用的全局指令。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6000.html
语法文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6000.html
Vue.directive('nameofthedirective', {
bind(e1, binding, vnode) {
}
})
需要使用Vue.directive创建一个指令。它采用如上所示的指令名称。下面来看一个例子演示指令的工作细节。创建一个文件：directives.html -文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6000.html
<html>
<head>
<meta charset="utf-8" />
<title>VueJs自定义指令</title>
<script type = "text/javascript" src = "js/vue.js"></script>
</head>
<body>
<div id = "databinding">
<div v-changestyle>VueJS 指令</div>
</div>
<script type = "text/javascript">
Vue.directive("changestyle",{
bind(e1,binding, vnode) {
console.log(e1);
e1.style.color = "red";
e1.style.fontSize = "30px";
}
});
var vm = new Vue({
el: '#databinding',
data: {
},
methods : {
},
});
</script></span%3