Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Wink SnippetsNew to Visual Studio Code? Get it now.
Wink Snippets

Wink Snippets

xwink

|
128 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 代码片段

版本 文档

💎 使用方式

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单文件组件模板
vbase-less vue单文件组件模板,使用less
vbase-sass vue单文件组件模板,使用sass
vbase-container vue单文件组件模板容器

📖 快速入门

📦 进阶使用

📄 待办列表

🆘 问题求助

🎯 框架依赖

👤 作者

向文可

  • Email: 1041367524@qq.com
  • Github: @x-wink

🤝 贡献

欢迎大家随时点击这里为我提供贡献、问题和功能建议

😘 感谢支持

如果觉得项目对你有帮助,就帮我点个小星星吧~ ⭐️

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft