Skip to content

Help make the extensions Marketplace better for everyone. Take this survey!

| Marketplace
Sign in
Visual Studio Code>Snippets>wink-snippetsNew to Visual Studio Code? Get it now.
wink-snippets

wink-snippets

xwink

|
39 installs
| (1) | Free
vue3+ts常用代码片段
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

欢迎使用我的VSCode代码片段 👋

Version Documentation

⬇️ 使用方式

html

触发词 描述
vif 使用指令 v-if
velse 使用指令 v-else
velseif 使用指令 v-else-if
vshow 使用指令 v-show
vfor 使用指令 v-for
slot 定义 Slot
component 动态组件
template 模板块

typescript

触发词 描述
props 定义组件 Props
props-defaults 定义组件 Props 与默认值
attrs 引用组件 Attrs
slots 引用组件 Slots
emits 定义组件 Emits
emits3.3 定义组件 Emits(vue3.3 版本新增语法糖)
expose 定义组件 Expose
options 定义组件 Options(vue3.3 版本新增语法糖)
ref 定义 Ref
reftype 定义带类型的 Ref
reactive 定义 Reactive
reactivetype 定义带类型的 Reactive
computed 定义 Computed
computed-setter 定义带有 Setter 的 Computed
func 定义函数
mounted 监听 Mounted
unmounted 监听 Unmounted
swap 交换变量值
trycatch 异常处理
import 导入模块
for 遍历
forin 遍历
forof 遍历
foreach 遍历
any 不推荐使用 any 类型
table 打印日志
time 打印日志
group 打印日志

vue

触发词 描述
vbase vue 单文件组件模板

👤 Author

向文可

  • Email: 13202090601@163.com
  • Github: @x-wink

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!


This README was generated with ❤️ by readme-md-generator

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft