Vue 学习笔记15--用户代码片段

?

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 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108

{     // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and     // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope     // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is     // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:     // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.     // Placeholders with the same ids are connected.     // Example:     // "Print to console": {     //  "scope": "javascript,typescript",     //  "prefix": "log",     //  "body": [     //      "console.log('$1');",     //      "$2"     //  ],     //  "description": "Log output to console"     // }   "mylog": {     //  "scope": "javascript,typescript,vue", //注释表示所有文件中可用      "prefix": "mylog",      "body": [       "console.log('')",      ],      "description": "自定义 console.log()"    },   "mybutton": {     //  "scope": "javascript,typescript,vue", //注释表示所有文件中可用      "prefix": "mybutton",      "body": [       "<button @click=\"method\">查询</button>",       "",      ],      "description": "自定义 button"    },       "mytextoneway": {     //  "scope": "javascript,typescript,vue", //注释表示所有文件中可用      "prefix": "mytextoneway",      "body": [       "<input type=\"text\" v-bind:value=\"nickname\">",       "",      ],      "description": "自定义 input text"    },      "mytexttwoway": {     //  "scope": "javascript,typescript,vue", //注释表示所有文件中可用      "prefix": "mytexttwoway",      "body": [       "<input type=\"text\" v-model:value=\"nickname\">",             "",      ],      "description": "自定义 input text"    },       "mydiv": {     //  "scope": "javascript,typescript,vue", //注释表示所有文件中可用      "prefix": "mydiv",      "body": [       "<div id=\"root\">",         "",       "</div>",      ],      "description": "自定义script"    },       // 自定义 script 动态生成代码片段     "myscript": {     //  "scope": "javascript,typescript,vue", //注释表示所有文件中可用      "prefix": "myscript",      "body": [       "<script type=\"text/javascript\">",         "",       "</script>",      ],      "description": "自定义script"    },        "myVue": {     //  "scope": "javascript,typescript,vue", //注释表示所有文件中可用      "prefix": "myVue",      "body": [             "//console.log(vm)"       "const vm = new Vue({",       "el: '#root',",             "data: {",                     "",             "},"             "",             "methods: {"                 "methodOne() {",                     "alert('事件触发成功！')"                 "},"                 "",                 "methodTwo(event, str) {",                     "alert('事件触发成功！' + str)"                 "},"                 "},"       "})",      ],      "description": "自定义script"    }     }