vscode snippets
code > preferences > User Snippets
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
{
"Print to console": {
"prefix": "vue3",
"body": [
"<template>",
" <div></div>",
"</template>",
"",
"<script>",
"import { defineComponent,reactive, ref, onMounted,onBeforeMount } from 'vue'",
"export default defineComponent({",
" name: '',",
" setup() {",
" const data = reactive({})",
" onBeforeMount(() => {",
" console.log('2.组件挂载页面之前执行----onBeforeMount')",
" })",
" onMounted(() => {",
" console.log('3.-组件挂载到页面之后执行-------onMounted')",
" })",
" return {",
" data ",
" }",
" },",
"});",
"",
"</script>",
"<style scoped lang='less'>",
"</style>"
],
"description": "Log output to console"
},
"print to console2": {
"prefix": "vv3",
"body": [
"<template>",
" <div></div>",
"</template>",
"",
"<script lang='ts'>",
"import { defineComponent} from 'vue'",
"export default defineComponent({",
" name: 'App',",
"});",
"",
"</script>",
"<style scoped lang='css'>",
"</style>"
],
"description": "Log output to console"
}
}