Vscode中快速生成Vue3模板

步骤:设置=> 用户代码片段=> 新建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"
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容