1. 什么是uniapp
uniapp是一款基于Vue.js框架的开发框架，通过一次编写代码即可同时发布到五个主流的移动端平台（iOS、Android、H5、微信小程序、支付宝小程序）。
所以，使用uniapp可以快速开发出跨平台的移动端应用，避免了多端开发的重复工作。而且，uniapp内置了丰富的组件和API支持，大大提高了开发效率。
2. 什么是directive
directive又称为指令，是Vue.js框架中的一种特殊属性。
2.1 directive的分类
Vue.js中的directive分为两类：简单指令和自定义指令。
简单指令包括v-if、v-for、v-bind、v-html、v-show等，常用于直接操作DOM元素。
自定义指令则允许开发者自定义指令名称，以及对应的行为。开发者可以在directive中封装复杂的逻辑，或者为现有组件增加额外的功能性。
3. uniapp中支持的directive
uniapp集成了Vue.js框架，所以支持Vue.js中所有的directive指令，包括简单指令和自定义指令。
在uniapp中，我们可以使用v-bind指令进行数据绑定，使用v-show和v-if指令进行条件渲染，使用v-on指令对事件进行监听，使用v-for指令进行循环渲染等。
3.1 常用的directive指令
v-bind指令：可以将Vue实例中的数据绑定到元素的属性上，常用于动态改变元素的属性值。使用方式如下：
// 绑定img元素的src属性
<img v-bind:src="imageUrl">
// 简写方式
<img :src="imageUrl">
v-on指令：可以在元素上绑定事件监听器，常用于对用户行为进行响应。使用方式如下：
// 绑定button元素的click事件
<button v-on:click="handleClick"></button>
// 简写方式
<button @click="handleClick"></button>
v-show指令：可以控制元素的显示和隐藏，常用于根据条件来动态显示或隐藏元素。使用方式如下：
// 显示或隐藏div元素
<div v-show="isShow"></div>
v-if指令：也可以控制元素的显示和隐藏，常用于根据条件来动态显示或隐藏元素。不同的是，v-if指令会直接销毁或创建元素，而v-show则是通过改变元素的display属性来实现隐藏和显示。使用方式如下：
// 根据age的值来判断是否渲染div元素
<div v-if="age > 18"></div>
// 可以使用v-else-if和v-else来添加更多的条件判断
v-for指令：可以对数组或对象进行循环渲染，常用于列表渲染。使用方式如下：
// 渲染students数组中的每一个元素
<div v-for="student in students"></div>
// 可以使用v-for指令来渲染对象中的属性
<div v-for="(value, key) in myObject"></div>
3.2 自定义directive指令
在uniapp中，开发者也可以自定义指令进行使用。
以自定义一个点击按钮时出现提示框的directive为例：
// 定义指令
Vue.directive('my-directive', {
bind: function(el, binding) {
el.addEventListener('click', function() {
alert('你点击了按钮');
});
}
});
// 使用指令
<button v-my-directive>点击我</button>
上述代码定义了一个名为my-directive的自定义指令，在这个指令中，我们在元素上绑定了一个click事件监听器，当用户点击按钮时，就会弹出一个提示框。
4. 总结
在uniapp中使用directive指令和在Vue.js中使用方式相同，可以使开发者方便地操作DOM元素，实现更加丰富的功能。开发者也可以自定义directive指令，实现更加个性化的功能，提高开发效果。