关于写一个vue3使用的VSCode 代码段

最新推荐文章于 2024-09-09 14:39:38 发布

萌萌哒小爪子

最新推荐文章于 2024-09-09 14:39:38 发布

阅读量184

点赞数

分类专栏：平时demo 文章标签： vue.js vscode

本文链接：https://blog.csdn.net/weiwudexinyang/article/details/123666900

版权

平时demo 专栏收录该内容

3 篇文章 0 订阅

订阅专栏



{
"vue3": {
"prefix": "vue3",
"body": [
"<!-- $0 -->",
"<template>",
" <div></div>",
"</template>",
"",
"<script lang='ts'>",
"import { defineComponent, reactive,toRefs,onBeforeMount,onMounted} from 'vue'",
"interface DataProps {}",

          "export default defineComponent ({",
          "    name: '',",
          "      setup() {",
          "          console.log('1-开始创建组件-setup')",
          "          const data: DataProps = reactive({",
          ""            ,
          "          })",
          "          onBeforeMount(() => {",
          "              console.log('2.组件挂载页面之前执行----onBeforeMount')",
          "          })",
          "          onMounted(() => {",
          "              console.log('3.-组件挂载到页面之后执行-------onMounted')",
          "          })",
          "          const refData = toRefs(data);",
          "          return {",
          "              ...refData,",
          "          }",
          ""  ,
          "      }",
          "  });",
          "</script>",
          "<style lang = 'less' scoped>",
          "</style>",
      ],
        "description": "Log output to console"
      }

}

首选项--》用户代码片段--》点击新建代码片段--》取名vue.json ==》确定