From 128da3f03dbdc62a8702b954d49c67fb3f2de484 Mon Sep 17 00:00:00 2001
From: Alex <115539090+Alex-Programer@users.noreply.github.com>
Date: Fri, 18 Nov 2022 11:04:56 +0800
Subject: [PATCH] doc: update vue.md (#123)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: 和[Attribute 绑定]的部分重叠了

* doc: 新增自定义指令
---
 docs/vue.md | 38 ++++++++++++++++++++++++--------------
 1 file changed, 24 insertions(+), 14 deletions(-)

diff --git a/docs/vue.md b/docs/vue.md
index 578ba9f..e20801f 100644
--- a/docs/vue.md
+++ b/docs/vue.md
@@ -208,20 +208,6 @@ data() {
 </span>
 ```
 
-### 指令 Directives
-
-```html
-<p v-if="seen">Now you see me</p>
-```
-
-### 参数 Arguments
-
-```html
-<a v-bind:href="url"> ... </a>
-<!-- 简写 -->
-<a :href="url"> ... </a>
-```
-
 ### 绑定事件
 
 ```html
@@ -269,6 +255,30 @@ v-on:submit.prevent="onSubmit"
   ╰─ Name 以 v- 开头使用速记时可以省略
 ```
 
+### 指令 Directives
+
+```html
+<p v-if="seen">Now you see me</p>
+```
+
+### 自定义指令 Directives
+
+```js
+<script setup>
+const vAdmin = {
+  created(el, binding, vnode, prevVnode) {
+    el.style.display = isAdmin ? 'block' : 'none'
+  },
+}
+</script>
+
+<template>
+  <button v-admin>Settings</button>
+</template>
+```
+
+更多指令函数参考：<https://vuejs.org/guide/reusability/custom-directives.html>
+
 响应式基础
 ---