shortBind

稳定性: 稳定

:value -> :value="value"

同名简写绑定 prop 。如果 prop 与要绑定的 JavaScript 值同名，则可以进一步缩短语法以省略 prop 值。

对于 Vue >= 3.4，此功能将默认关闭。

Features	Supported
Vue 3	✅
Nuxt 3	✅
Vue 2	❌
Volar Plugin	✅

用法

基本用法

vue

<script setup>
const value
 = 'foo'
</script>

<template>
  <input
 :
value
 />
  <!-- => <input :value="value" /> -->
</template>

和 `shortVmodel` 一起使用

vue

<template>
  <Comp ::msg />
  <!-- => <Comp ::foo="foo" /> => <Comp v-model:foo="foo" /> -->
  <Comp $msg />
  <!-- => <Comp $foo="foo" /> => <Comp v-model:foo="foo" /> -->
  <Comp *msg />
  <!-- => <Comp *foo="foo" /> => <Comp v-model:foo="foo" /> -->
</template>

Volar 配置

tsconfig.json

jsonc

{
  "vueCompilerOptions": {
    "plugins": ["unplugin-vue-macros/volar"],
  },
}

贡献者

Kevin Deng

zhiyuanzmj

Leo

页面历史

最后编辑于 2 个月前

查看完整历史

shortBind ​

用法 ​

基本用法 ​

和 shortVmodel 一起使用 ​

Volar 配置 ​

贡献者

页面历史

shortBind

用法

基本用法

和 `shortVmodel` 一起使用

Volar 配置