vue-vite-ts

vue3+TS+Eslint 多入口模板

1. 默认安装:
   1. aixos
   2. js-md5
   3. pinia
   4. vue-router
   5. less
   6. naive-ui 
2. 子页面全局interface文件/pages/*/assets/js/interfacePublic.ts
3. 注意pinia 注册ID唯一性

目录结构

| - `src`
|   - `pages`                     全局入口目录
|       - `index`                 首页入口子目录
|           - `assets`            子静态文件
|           - `components`        子组件
|           - `router`            子路由
|           - `store`             子存储
|           - `views`             子页面
|           - `App.vue`           子模板
|           - `main.ts`           子入口文件
|       - `admin`                 后台管理入口子目录
|           - `assets`            子静态文件
|           - `components`        子组件
|           - `router`            子路由
|           - `store`             子存储
|           - `views`             子页面
|           - `App.vue`           子模板
|           - `main.ts`           子入口文件
|       - `login`                 登录入口子目录
|           - `assets`            子静态文件
|           - `components`        子组件
|           - `router`            子路由
|           - `store`             子存储
|           - `views`             子页面
|           - `App.vue`           子模板
|           - `main.ts`           子入口文件
|   - `components`                全局组件
|   - `utils`                     全局插件
|   - `assets`                    全局静态文件

vue3 使用setup方式，注意格式

import { onMounted, ref, computed} from 'vue'
<script setup>
    <!-- data 数据声明区 -->
      exp:
        const test=ref(1)
        const test1:computed(()=>test)

    <!-- function 调用区 -->
      exp:
       const test= ()=>{
          console.log(123)
        }

    <!-- 单独生命周期监听区 -->
      exp:
        onMounted(() => {test()})
</script>

use