uniapp-工具-代码块设置-vue代码块
{
"vue2": {
"key": "vue2",
"prefix": "vue2",
"body": [
"<template>",
"\t<view class=\"page\">页面模板</view>",
"</template>",
"",
"<script>",
"\texport default {",
"\t\tname: \"Name\",",
"\t\tdata() {",
"\t\t\treturn {};",
"\t\t},",
"\t\tonLoad() {},",
"\t\tonShow() {},",
"\t\tmethods: {}",
"\t};",
"</script>",
"",
"<style lang=\"scss\" scoped>",
"",
"</style>"
],
"triggerAssist": true,
"description": "uniapp vue2 的页面模板"
},
"vue3": {
"key": "vue3",
"prefix": "vue3",
"body": [
"<template>",
"\t<view class=\"page\">页面模板</view>",
"</template>",
"",
"<script setup>",
"\timport {",
"\t\tonLoad",
"\t} from '@dcloudio/uni-app'",
"\timport {",
"\t\tref,",
"\t\treactive",
"\t} from 'vue'",
"\timport {",
"\t\tstore",
"\t} from '@/store/index.js'",
"\tonLoad(() => {})",
"</script>",
"",
"<style lang=\"scss\" scoped>",
"",
"</style>"
],
"triggerAssist": true,
"description": "uniapp vue3 的页面模板"
}
}