caner
9d5fb76705
Signed-off-by: caner <5658514@qq.com>
|
3 years ago | |
|---|---|---|
| .vs | 3 years ago | |
| public | 3 years ago | |
| src | 3 years ago | |
| .env.development | 3 years ago | |
| .env.production | 3 years ago | |
| .eslintignore | 3 years ago | |
| .eslintrc.js | 3 years ago | |
| .gitignore | 3 years ago | |
| README.md | 3 years ago | |
| admin.html | 3 years ago | |
| index.html | 3 years ago | |
| login.html | 3 years ago | |
| package.json | 3 years ago | |
| tsconfig.json | 3 years ago | |
| tsconfig.node.json | 3 years ago | |
| vite.config.ts | 3 years ago |
README.md
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