# 3 Vue 指令简介 > 原文: [https://javabeginnerstutorial.com/vue-js/3-vue-directives/](https://javabeginnerstutorial.com/vue-js/3-vue-directives/) 今天,我们将探讨 Vue 指令的全部内容。 首先是第一件事。 什么是指令? 这些是特殊的说明,它们会在附加到 HTML 元素时更改其行为。 换句话说,这些是附加到 HTML 元素的特殊属性,这些属性可以更改行为并基于 DOM 的表达式值提供对 DOM 的控制。 所有 Vue 指令均以`v-`为前缀。 该前缀用于以下目的: * 表示它是属于 Vue 的特殊属性 * 帮助保持语法一致 * 为开发人员提供可读性 Vue 带有一些内置指令。 请注意,我们可以编写自己的自定义指令,我们将在以后看到。 这些指令可以在许多情况下为我们提供帮助。 一些示例是, * 单向和双向**绑定**:`v-bind`和`v-model` * **监听 DOM 事件**:`v-on` * **条件渲染**:`v-if`,`v-else`,`v-for` * **插值**:`v-once`,`v-html`,`v-text` 在我们的教程系列中,我们将详细处理所有这些指令。 现在,让我们看一下`v-once`的工作,并提供一个代码示例,以大致了解指令的工作方式。 ## 场景: * 显示标题 * 显示带有问候消息的段落,例如“嗨!” ### `Index.html` ```js
Calling the greet function - {{ greet() }}!
`元素中的`greet()`方法对其进行更改时,将不会对其进行更新。 ![With Vue directives](img/86f997c82e065ce6c4461f4bd6bd5bfb.png) 与往常一样,所有代码文件都可以在 [GitHub 仓库](https://github.com/JBTAdmin/vuejs)中找到。 请随意创建您自己的副本,以尝试使用`v-once`指令。 不要忘记让您的想象力疯狂。 再见!