vue-element-admin 代码风格
2023-09-27 14:24:28 时间
Component
所有的Component
文件都是以大写开头 (PascalCase),这也是官方所推荐的。
但除了 index.vue
。
例子:
@/components/BackToTop/index.vue
@/components/Charts/Line.vue
@/views/example/components/Button.vue
JS 文件
所有的.js
文件都遵循横线连接 (kebab-case)。
例子:
@/utils/open-window.js
@/views/svg-icons/require-icons.js
@/components/MarkdownEditor/default-options.js
Views
在views
文件下,代表路由的.vue
文件都使用横线连接 (kebab-case),代表路由的文件夹也是使用同样的规则。
例子:
@/views/svg-icons/index.vue
@/views/svg-icons/require-icons.js
使用横线连接 (kebab-case)来命名views
主要是出于以下几个考虑。
views
下的.vue
文件代表的是一个路由,所以它需要和component
进行区分(component 都是大写开头)- 页面的
url
也都是横线连接的,比如https://www.xxx.admin/export-excel
,所以路由对应的view
应该要保持统一 - 没有大小写敏感问题
相关文章
- VS Code .vue文件代码缩进以及格式化代码
- Vue—怎样编写代码,Vue3的基本语法
- 【转】vue+axios 前端实现登录拦截(路由拦截、http拦截)
- vue项目中使用代码编辑器,视频播放器插件
- vue-codemirror 代码编辑器
- vue-element-admin关闭代码校验eslint
- vue cli4.0项目引入typescript
- vue+elementUI+node实现登录模块--验证用户名是否正确
- vue使用hook:声明周期来监听子组件的声明周期
- vue: 代码小记
- Vue 项目刷新当前页面
- Antd Upload组件上传文件至php后端, php拿到对应的文件名(二: vue实现)
- Vue.js 运行环境搭建详解(基于windows的手把手安装教学)
- vue 动态路由实现 笔记。--含使用vuex
- vue 操作cookies
- 利用Vue的插件机制,实现项目公共代码管理
- Vue 3 + Typescript + Vite2.0 搭建移动端 代码规范以及注意的点
- Vue 拦截器的使用
- 2022年超详细的SpringBoot+Vue+Jwt实现token的认证(重点部分讲解和完整的代码设计)
- Springboot+vue 实现汽车租赁系统(毕业设计二)(前后端项目分离)
- Vue.js 子组件的异步加载及其生命周期控制
- 使用vscode,新建.vue文件,tab自动生成vue代码模板
- vue源码构建代码分析
- vue 项目白屏解决方案
- 【Vue全家桶】细说组件中的生命周期
- VSCode中vue拓展vetur整理代码时的尖括号换行问题
- vue-router 源码概览