{
"Print to console": {
"prefix": "vue",
"body": [
"<!-- $TM_FILENAME_BASE -->",
"<template>",
" <div>",
" 创建组件 ",
" </div>",
"</template>",
"",
"<script setup>",
"import { ref, defineEmits, defineProps, nextTick, reactive, onMounted, watch, computed, onUnmounted } from 'vue'",
"import { useStore } from 'vuex'",
"import { useRouter,useRoute } from 'vue-router'",
"const router = useRouter()",
"const route = useRoute()",
"const store = useStore()",
"onMounted(() => {",
"console.log('组件加载完成,但dom还没有挂载')",
"})",
"nextTick(() => {",
"console.log('组件加载完成,dom已经挂载完毕,可以操作元素大小等')",
"})",
"onUnmounted(() => {",
"console.log('组件卸载')",
"})",
"</script>",
"",
"<style scoped>",
"",
"</style>",
""
],
"description": "vue3 基础内容搭建"
}
}