40 lines
1.3 KiB
HTML
40 lines
1.3 KiB
HTML
|
<div style="display: flex" draggable>
|
||
|
|
<!-- <- tag -->
|
||
|
|
<!--^^^^ attribute -->
|
||
|
|
<!-- ^^^^^^^^^^^^^ string -->
|
||
|
|
<!-- ^^^^^^^^^ attribute -->
|
||
|
|
<div onclick=tap>Hello, World</div>
|
||
|
|
<!-- <- punctuation.bracket -->
|
||
|
|
<div onclick=tap>Hello, World</div>
|
||
|
|
<!-- ^^^^^^^^ attribute -->
|
||
|
|
<div onclick=tap>Hello, World</div>
|
||
|
|
<!-- ^^^ string -->
|
||
|
|
<div onclick=tap>Hello, World</div>
|
||
|
|
<!-- ^^ punctuation.bracket -->
|
||
|
|
<div onclick="tap">Hello, World</div>
|
||
|
|
<!-- ^^^ tag -->
|
||
|
|
<div onclick="tap">Hello, World</div>
|
||
|
|
<!-- ^ punctuation.bracket -->
|
||
|
|
<something:different
|
||
|
|
<!-- <- punctuation.bracket -->
|
||
|
|
<!-- ^^^^^^^^^^^^^^^ tag -->
|
||
|
|
@click="count++"
|
||
|
|
<!--^^^^^^^ attribute -->
|
||
|
|
<!-- ^^^^^^^ string -->
|
||
|
|
:value="count"
|
||
|
|
<!--^^^^^^^ attribute -->
|
||
|
|
<!-- ^^^^^ string -->
|
||
|
|
@value:modelValue="newValue => count = newValue"
|
||
|
|
<!--^^^^^^^^^^^^^^^^^^ attribute -->
|
||
|
|
<!-- ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ string -->
|
||
|
|
>
|
||
|
|
<!-- <- punctuation.bracket -->
|
||
|
|
</something:different>
|
||
|
|
<!-- <- punctuation.bracket -->
|
||
|
|
<!-- ^^^^^^^^^^^^^^^^ tag -->
|
||
|
|
<!-- ^ punctuation.bracket -->
|
||
|
|
</div>
|
||
|
|
<!-- <- punctuation.bracket -->
|
||
|
|
<!--^ tag -->
|
||
|
|
<!-- ^ punctuation.bracket -->
|