当前位置:   article > 正文

uniapp创建项目——vue3+vite_uniapp vite vue-router

uniapp vite vue-router

创建项目命令

npx degit dcloudio/uni-preset-vue#vite my-vue3-project
  • 1

在创建新的页面时,会有模板选择。
在这里插入图片描述
创建常用模板:
在一下的目录下创建一个文件,将常用的模板放进去
在这里插入图片描述
在这里插入图片描述

常用的vue3初始化模板

<script setup>
import { ref, toRefs, onMounted, reactive, defineProps } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import { useStore } from 'vuex'
const router = useRouter()
const route = useRoute()
const store = useStore()
onMounted(() => {
})
</script>
<template>
<view class='container'>
</view>
</template>
<style lang="scss" >
.container {
}
</style>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/392301
推荐阅读
相关标签
  

闽ICP备14008679号