feat(compiler-core): support false prop shorthand

packages/compiler-core/__tests__/transforms/vBind.spec.ts

@@ -133,6 +133,21 @@ describe('compiler: transform v-bind', () => {
     }
   })
 
+  test('no expression (false shorthand)', () => {
+    const node = parseWithVBind(`<div !id />`)
+    const props = (node.codegenNode as VNodeCall).props as ObjectExpression
+    expect(props.properties[0]).toMatchObject({
+      key: {
+        content: `id`,
+        isStatic: true,
+      },
+      value: {
+        content: `false`,
+        isStatic: false,
+      },
+    })
+  })
+
   test('dynamic arg', () => {
     const node = parseWithVBind(`<div v-bind:[id]="id"/>`)
     const props = (node.codegenNode as VNodeCall).props as CallExpression

packages/compiler-core/src/parser.ts

@@ -200,7 +200,7 @@ const tokenizer = new Tokenizer(stack, {
   ondirname(start, end) {
     const raw = getSlice(start, end)
     const name =
-      raw === '.' || raw === ':'
+      raw === '!' || raw === '.' || raw === ':'
         ? 'bind'
         : raw === '@'
           ? 'on'
@@ -225,7 +225,7 @@ const tokenizer = new Tokenizer(stack, {
         type: NodeTypes.DIRECTIVE,
         name,
         rawName: raw,
-        exp: undefined,
+        exp: raw === '!' ? createSimpleExpression('false') : undefined,
         arg: undefined,
         modifiers: raw === '.' ? [createSimpleExpression('prop')] : [],
         loc: getLoc(start),

packages/compiler-core/src/tokenizer.ts

@@ -665,6 +665,7 @@ export default class Tokenizer {
       this.state = State.InDirName
       this.sectionStart = this.index
     } else if (
+      c === CharCodes.ExclamationMark ||
       c === CharCodes.Dot ||
       c === CharCodes.Colon ||
       c === CharCodes.At ||