美文网首页Vue3
Vscode中快速生成Vue3模板

Vscode中快速生成Vue3模板

作者: 贺大大i | 来源:发表于2022-03-07 17:42 被阅读0次

步骤:设置=> 用户代码片段=> 新建vue3文件夹的代码片段

{
    "Print to console": {
        "prefix": "vue3",
        "body": [
            "<template>",
            "  <div></div>",
            "</template>",
            "",
            "<script lang='ts'>",
            "import { reactive,toRefs,onBeforeMount,onMounted} from 'vue'",
            "interface DataProps {}",

            "export default {",
            "    name: '',",
            "      setup() {",
            "          const data: DataProps = reactive({",
            "",
            "          })",
            "          onBeforeMount(() => {",
            "          })",
            "          onMounted(() => {",
            "          })",
            "          const refData = toRefs(data);",
            "          return {",
            "              ...refData,",
            "          }",
            "",
            "      }",
            "  };",
            "</script>",
            "<style scoped>",
            "</style>",
        ],
        "description": "Log output to console"
    }
}

相关文章

网友评论

    本文标题:Vscode中快速生成Vue3模板

    本文链接:https://www.haomeiwen.com/subject/heunrrtx.html