README.md 1.7 KB

注意

1. 默认安装:
   1. aixos
   2. js-md5
   3. pinia
   4. vue-router
   5. less
   6. naive-ui 
2. 注意pinia 注册ID唯一性
3. 子页面全局ui组件引用 /pages/*/assets/js/nativeUiPluginPublic.ts
4. 本项目配置全局动态路由
5. 多入口无法同时使用web模式
6. 本项目自动ESlint 关闭VScode Eslint
7. 自适应rem插件,100px=1rem

use

yarn 
yarn dev

目录结构

| - `src`
|   - `pages`                     全局入口目录
|       - `index`                 首页html入口目录
|           - `assets`            子静态文件
|           - `components`        子组件
|           - `store`             子存储
|           - `views`             子页面
|           - `App.vue`           子模板
|           - `main.ts`           子入口文件
|       - `login`                 登录html入口目录
|           - `assets`            子静态文件
|           - `components`        子组件
|           - `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>