Vue(SPA)项目及文件命名规范【参考】

最新推荐文章于 2024-04-23 18:08:57 发布
最新推荐文章于 2024-04-23 18:08:57 发布
阅读量867 收藏 2
点赞数
分类专栏： Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39590098/article/details/106584988
版权

Vue项目命名规范

总结

  • views下以 小写字母命名文件夹/index.vue 将各个主页面划分
    views下命名
  • components 大写字母开头及驼峰命名文件夹 将各个大组件划分开
    • 组件中需要些小组件的，则写在该对应的文件夹下 ，同样以 大写字母开头及驼峰命名.vue
      components下命名
  • 其他图片名、JS文件：都以小写命名，多个单词则用短横线分割
    一般图片、文件的命名
杜杜杜俊杰
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue项目中的文件/文件夹命名规范
weixin_34349320的博客
09-21 2053
文件或文件夹的命名遵循以下原则： index.js 或者 index.vue，统一使用小写字母开头的(kebab-case)命名规范 属于组件或类的，统一使用大写字母开头的(PascalCase)命名规范 其他非组件或类的，统一使用小写字母开头的(kebab-case)命名规范 1. Why？ 文...
【Vue】在vue中命名的时候会遇到 component name “index” should always be multi-word的解决方案
weixin_56180673的博客
10-29 3249
【Vue】在vue中命名的时候会遇到 component name “index” should always be multi-word的解决方案。
Vue 前端代码风格指南、代码规范
csl125的博客
11-05 3095
​一、命名规范 市面上常用的命名规范： camelCase（小驼峰式命名法 —— 首字母小写） PascalCase（大驼峰式命名法 —— 首字母大写） kebab-case（短横线连接式） Snake（下划线连接式）​ 1.1 项目文件命名 1.1.1 项目名 全部采用小写方式， 以短横线分隔。例：whclould-smart-port / my-project-name。 1.1.2 目录名 参照项目命名规则，有复数结构时，要采用复数命名..
web前端代码指南(vue3)
最新发布
我愿化作繁星
04-23 1402
1. 命名规范 2. 代码规范 3. 代码注释 4. 编写习惯 5. git提交
从零开始学习Vue - vue项目命名规范
兀坐晴窗独饮茶
01-28 1551
1. 命名规范 Component 所有的Component文件都是以大写开头 (PascalCase)，这也是官方所 推荐的。 但除了 index.vue。 例子： @/src/components/BackToTop/index.vue @/src/components/Charts/Line.vue @/src/views/example/components/Button.vue JS 文件 所有的.js文件都遵循横线连接 (kebab-case)。 例子： @/src/utils/open-
Vue命名规范
ChyoD1811的博客
08-05 667
参考链接: 1:https://www.cnblogs.com/amylis_chen/p/11331455.html 2:https://www.cnblogs.com/zhanglw456/p/12761008.html 1.组件名 官方推荐的组件名是每个单词首字母大写（PascalCase）或者全小写用 - 连接（kebab-case）。 在DOM中使用的时候， 改为全小写， 单词之间用 - 连接。 Vue.component('MyCompo...
详解Vue SPA项目优化小记
08-27
Vue 单页应用（SPA）优化是一项至关重要的工作，尤其是在现代 web 开发中，为了提供更好的用户体验，我们需要尽可能减少页面加载时间和提高性能。本文将详细介绍在 Vue 项目中进行优化的一些关键策略。 首先，我们...
Vue构建项目所需离线文件
03-30
在"Vue构建项目所需离线文件"中，提供的`webpack`文件夹包含了用于离线构建Vue项目的必要配置和工具。这意味着你可以在没有网络连接的情况下，利用这些预设的配置来搭建和构建Vue项目，这对于开发环境不稳定的场景...
vue element 项目默认css文件 style
01-02
一个标准的Vue Element项目会有一个默认的CSS文件，通常命名为`styles`，这个文件用于存放全局样式或者项目的基础样式。`styles`文件一般位于`src`目录下，这是Vue项目的源代码根目录，包含组件、路由、公共样式、...
vue组件命名和props命名代码详解
10-16
下面将详细讲解Vue组件命名和props命名的规则及最佳实践。 首先，Vue组件的命名有以下几种方式： 1. **kebab-case（短横线命名）**：例如`my-component`。这种命名方式在HTML中书写最为直观，因为HTML属性名称不...
vue全家桶及SPA介绍
08-14
在现代Web开发中，Vue.js是一个非常流行的...Vue自身通过虚拟DOM和响应式系统实现了高效的页面更新，Vue Router和Vuex则为SPA提供了强大的导航和状态管理能力。了解这些概念和原理，对于开发高质量的Web应用至关重要。
vue 开发命名规范
weixin_34395205的博客
06-16 831
views 命名 views 文件夹下面是由 以页面为单位的 vue 文件 或者 模块文件夹 组成的，放在 src 目录之下，与 components、assets 同级。 views 下的文件夹命名 views 下面的文件夹代表着模块的名字 由名词组成（car、order、cart） 单词只能有一个（good: car order c...
Vue单文件组件命名规范
qq_38417082的博客
05-13 1890
Vue单文件组件命名规范 一直想写一篇Vue项目结构及组件内属性 方法命名规范的博客,终于腾出时间来写了,也算是个人的总结;这篇博客借鉴了另一篇博客,值的推荐,个人也是在此基础上加了一些个人的习惯用法; views 命名 ...
Vue中的一些命名规范
weixin_45460053的博客
03-16 8995
在重新回顾vue官网的时候，发现一些很容易被遗忘和混淆的命名规范，今天就拿出来一起总结一下。 组件名 在注册一个组件的时候，我们始终需要给他起一个名字，在起这个名字的时候我们需要注意什么呢？ vue强烈建议遵循w3c规范中的自定义组件命名——字母全部小写并且必须包含一个连字符。这会帮助你避免和当前或者未来的html元素相冲突。 例如： Vue.component('my-component-name', { /* ... */ }) Prop HTML 中的 attribute 名是大小写不敏感的，所以浏览
关于Vue组件名大小写的一些问题
小时候很快乐的博客
11-15 6986
关于Vue组件名大小写的一些问题 近期公司组织前端框架技术分享，我选了Vue，在理解过程中发现组件命名时可能会踩到的一些坑。网上搜索发现对此的一些解释都不太准确，写篇博客整理一下自己的一些试错经验吧。 全局组件在进行注册时，对组件名的大小写是没有进行任何限制的，大小写Aa下划线_短线-甚至是中文’啊’都可以进行注册。当然中文不能做为第一个字符，也不建议在组件名中使用中文（测试浏览器：谷歌、火狐） ...
vue命名规范
Admin_yws的博客
10-12 722
vue命名规范
vue中的一些命名规则
lalala_dxf的博客
02-08 1687
【代码】vue中的一些命名规则。
Vue最全项目命名规范
热门推荐
u011269322的博客
09-16 1万+
Vue最全项目规范一、命名规范1.1 项目文件命名1.1.1 项目名1.1.2 目录名1.1.3 图像文件名1.1.4 HTML 文件名1.1.5 CSS 文件名1.1.6 JavaScript 文件名 一、命名规范 市面上常用的命名规范： camelCase （小驼峰式命名法–首字母小写） PascalCase （大驼峰式命名法–首字母大写） kebab-case（短横线连接式） Snake（下划线连接式） 1.1 项目文件命名 1.1.1 项目名 全部采用小写方式，以短横线分隔。例：my-proje
"Vue项目前端命名规范资源及组件规范总结
针对vue项目前端规范的命名规则，需严格遵守规范，确保命名的统一性及规范性。这些规则不仅有助于提高代码的可读性和可维护性，还能够有效地提升团队合作的效率，避免因命名不规范而造成的混乱和错误。同时，遵循...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值