宏

宏是一些特殊的函数，它们只在编译时具有意义，它们是 Vine 编译器转换相应组件属性的提示。

这些宏的类型定义可以在我们的 Github 仓库中找到。

vineEmits

为组件定义 emits，用法与官方版本基本一致。

该宏没有参数，并返回 emits 函数，您必须定义一个变量来接收返回值。

这个类型参数的语法与 Vue 3.3 更简洁的语法相同，请查阅官方文档了解更多细节。

const myEmits = vineEmits<{
  update: [foo: string, bar: number]
}>()

myEmits('update', 'foo', 1)

vineExpose

这个宏的使用方法与官方 defineExpose 宏完全一致。

请在 Vue.js 官方文档的相应部分中查看描述。

vineSlots

这个宏的使用方法与官方 defineSlots 宏完全一致。

请在 Vue.js 官方文档的相应部分中查看描述。

vineOptions

此宏仅支持您定义 2 个重要的 Vue 组件选项：name 和 inheritAttrs。

vineOptions({
  name: 'MyComponent',
  inheritAttrs: false
})

vineStyle

这是一个用于定义样式的宏，替代了 SFC 的 <style> 块。如果您的组件需要 scoped，可以使用 vineStyle.scoped。

在 VCF 外部不允许调用 vineStyle，在一个 VCF 中不允许调用多次。

您还可以指定任何您想要的 CSS 处理器语言，查看下面的示例：

vineStyle(scss`
  .foo {
    color: red;
    .bar {
      background: yellow;
    }
  }
`)