vue内部指令有哪些构成

Vue内置指令有以下几种：

1. v-bind：用于绑定元素的属性或组件的 props 到 Vue 实例的数据中

2. v-if/v-else-if/v-else：用于条件性地渲染元素

3. v-show：用于根据表达式的值，动态地切换元素的显示/隐藏状态

4. v-for：用于根据数据源渲染出多个元素或组件

5. v-on：用于监听 DOM 事件，并在触发时执行 Vue 实例的方法

6. v-model：用于实现表单元素与 Vue 实例数据的双向绑定，可以直接在表单元素上使用

7. v-text：用于将元素的 innerText 设置为 Vue 实例中的数据

8. v-html：用于将元素的 innerHTML 设置为 Vue 实例中的数据，可以渲染出 HTML 标签

9. v-cloak：用于在 Vue 实例加载前，防止未编译的 Mustache 语法出现在页面上

10. v-once：用于只渲染元素一次，在后续更新中不再重新渲染。

相关问题

vue 自定义指令

Vue 自定义指令是 Vue 中一种非常有用的扩展能力，它允许你在标准的模板语法中使用自定义行为，而不需要编写新的组件或者混入。

Vue 提供了全局的 `Vue.directive()` 方法来注册自定义指令。该方法接受两个参数，第一个参数是指令名称，第二个参数是一个对象，包含了指令的钩子函数。

下面是一个简单的例子，注册了一个 `v-focus` 指令，当元素插入到 DOM 中时，自动聚焦到该元素：

Vue.directive('focus', {
  inserted: function (el) {
    el.focus()
  }
})

然后在模板中使用该指令：

<input v-focus>

除了 `inserted` 钩子函数外，还有其他的钩子函数可以使用，例如 `bind`、`update` 和 `unbind` 等。这些钩子函数提供了更丰富的自定义指令功能，可以根据实际情况选择使用。

需要注意的是，自定义指令只能用于操作 DOM，不能修改组件内部的状态。如果需要修改组件内部的状态，应该使用计算属性或者方法来实现。

开源 vue3 项目有哪些

开源的 Vue 3 项目有很多，以下是一些比较受欢迎的项目：

1. Vue Router：官方提供的路由管理器，用于构建单页应用程序的路由系统。
2. Vuex：官方提供的状态管理库，用于集中管理 Vue 应用程序中的状态。
3. Element Plus：一套基于 Vue 3 的 UI 组件库，是对 Element UI 的升级版本。
4. Vite：一个基于原生 ES 模块的构建工具，用于快速构建现代化的 Vue 应用程序。
5. VeeValidate：一个轻量级的表单验证库，适用于 Vue 3。

除了以上列举的项目，还有很多其他的 Vue 3 开源项目可供使用，你可以通过搜索引擎或者开源代码托管平台（如 GitHub）来查找更多的项目。