【Vue2_命名规范及文件位置】

最新推荐文章于 2024-04-26 14:06:39 发布
最新推荐文章于 2024-04-26 14:06:39 发布
阅读量207 收藏
点赞数
分类专栏： 前端框架搭建 文章标签： 前端 javascript 开发语言 vue.js css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47416539/article/details/131202367
版权

命名规范

  1. 项目文件夹命名_驼峰命名法businessCase
  2. 项目文件命名create-account.vue
  3. class命名apply-label-box
  4. 变量命名companyIndustry
  5. 事件命名_驼峰命名法
  6. 组件引入驼峰命名companyDialog，组件使用命名对应<company-dialog/>
  7. 路由path命名create-clues
  8. 路由name命名createClues

文件位置

  1. api文件夹放置接口的
  2. assets文件夹放置静态文件的（包括css、images、iconfont…）
  3. components放置封装出来的公共组件
  4. plugin放置一些js文件的（production.config.js、封装axios的server.js文件、一些虚拟数据…）
  5. router放置路由文件的
  6. store放置状态管理的
  7. views放置页面的
    在这里插入图片描述
    这里面的components是放置当前页面其他组件
  8. main.js就是入口文件
聚宝盆_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue开发规范
12-01
目录 一、文档管理 1 1.1 文档信息 1 1.2 修改记录 1 二、 结构目录 2 三、 编辑要求 2 1、文件命名 3 2、文件格式 3 3、页面中id命名要求 3 4、H5文件内容要求 3 5、JS内容要求 3 4、Css要求 4 5、接口请求 5 5、注释规范 5 6、 拓展 6
Vue目录详解和文件命名规范(超详细)
qq_31066285的博客
08-10 1983
views文件夹内部的文件命名规范： 一般直接由页面中文名称翻译为英文名称，英文名称第一个单词的首字母小写，后面的每个单词的首字母大写，尽量不要使用index给文件夹命名。如果出现多个页面使用的文件，则在api,components中创建public文件夹，将这类文件存放在各自的public文件夹下。api文件夹内部文件命名规范： 参照views文件夹目录结构，若存在对应的文件，则使用views中的文件名称+API作为文件名。public： 放置系统的静态文件，比如，图片，全局配置文件。...
vue2中的文件命名规范
最新发布
youhebuke225的博客
04-26 383
请注意，这些规范并不是硬性的规定，它们更多是最佳实践。不同的项目或团队可能会有自己的命名规范，重要的是保持项目内部的一致性。同时，在遵循命名规范的同时，也要考虑到代码的可读性和维护性。在Vue 2中，文件命名规范是保持项目一致性和可读性的重要部分。
【vue中文件及文件夹命名规范详细介绍】
cz88888888666的博客
01-18 1828
在 Vue 项目中，合理的文件和文件夹命名对于代码维护和团队协作非常重要，没有官方的强制性规范，但社区有一些通用的最佳实践：Vue 组件的命名规范通常遵循以下几种风格：1. 1.1 驼峰式命名法(camelCase) 1.2 短横线命名(kebab-case)全小写 1.3 帕斯卡命名法(PascalCase)2. 2.1 kebab-case 2.2 尽量使用名词，尽量使用一个单词3. 3.1 所有模块的主文件index.js全小写 3.2 属于组件的.js文件，使用PascalBase风格 3.3
Vue单页面应用
weixin_44434230的博客
11-06 1267
** 1. SPA是什么 ** 单页Web应用（single page application，SPA），就是只有一个Web页面的应用， 是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序 单页面应用程序： 只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中 传统多页面应用程序： 对于传统的多页面应用程序来...
Vue项目中的文件/文件夹命名规范
Lynn
11-01 1165
简介： 文件或文件夹的命名遵循以下原则： index.js 或者 index.vue，统一使用小写字母开头的(kebab-case)命名规范属于组件或类的，统一使用大写字母开头的(PascalCase)命名规范。
vue——路由命名
cc_xxo的博客
03-05 499
在嵌套很多级路由时 跳转就要编写很长的to或path给每个路由命名跳转时直接使用路由的名称即可。但是 只能用在跳转方式为对象的时候 routes: [ { path: '/home', component: MyHome, children: [ { path: 'news', component: MyNews }, { path: 'message', component: MyMessage, children: [ {
Vue Router系列之命名路由
老__L的博客
12-11 1136
命名路由
Vue2.0 Vue路由 命名路由
yasinawolaopo的博客
01-07 335
Vue2.0 Vue路由 命名路由
vue-build:vue项目结构、文件目录、命名规则
05-17
web1000A Vue.js project项目目录结构|-- src // 源码目录| |-- components // 功能组件| |-- common // 公共组件| |-- footer // 分模块--底部公共组件| |-- header // 分模块--头部公共组件|| |-- config // 基本...
PC前端开发文件命名规范.docx
08-22
Vue+Typescript+Mockjs+Karma+ElementUi 工作经验过程中总结出来的PC前端规范详解
VUE-CLI项目代码规范
01-08
4.1单个.vue文件书写规范… 3 4.2 Vue.js组件相关规范… 3 4.3 Vuex和VueRouter相关规范… 3 4.4 Webpack相关规范… 4   一、命名规则 1.目录名全部小写，srcs下层目录使用复数形式。 2.图片字体影音等资源文件名称...
阿里前端开发规范.pdf
05-08
(一) 命名规范 1.1.1 项目命名 1.1.2 目录命名 1.1.3 JS、CSS、SCSS、HTML、PNG 文件命名 1.1.4 命名严谨性4 (二) HTML 规范 （Vue Template 同样适用） 1.2.1 HTML 类型 1.2.2 缩进 1.2.3 分块注释 1.2.4 语义化...
Vue知识点：命名路由
summer_cloudy的博客
03-14 223
命名路由
vue项目中引入js文件
huakaiwuxing的博客
05-26 8148
js文件一定要放在static下面，不可放在assets下面，因为assets下面的内容最终是要被打包的，而static下面的内容是不用打包直接放过去的； 摘自：https://www.jb51.net/article/150517.htm 遇到问题： 今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 ..
Vue-Router（五）
YYZ_Obsessiveness的博客
10-16 149
前端路由的原理 改变url地址并不重新发请求。而是通过前端路由监控改变组件。 只改变url地址，不会重新请求数据刷新页面。 1.URL的hash location.hash = ‘home’ HTML5的history模式 history.pushState({},’’,‘home’) history.replaceState({},’’,‘home’) 【注意上述2者的区别】 history.back()==history.go(-1) history.forward()==history.go(1)
在vue中使用组件时命名的大小写问题
Echo的博客
06-25 2201
文章目录 一、一些命名概念 二、组件名 三、Prop 的大小写 四、自定义事件的事件名 五、资料 一、一些命名概念 kebab-case：短横线分隔命名，比如 my-component-name PascalCase：首字母大写命名，比如 MyComponentName camelCase：驼峰命名法，比如 myComponentName 二、组件名 在注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候，组件名就是 Vue.component 的第一个参数。 Vue.componen
vue router name命名规范_Vue-router路由系统详细介绍
weixin_40001442的博客
11-20 2065
路由原理 传统开发方式 url改变后 立刻发起请求，响应整个页面，渲染整个页面 SPA 锚点值改变后 不会发起请求,发起ajax请求,局部改变页面数据 页面不跳转 用户体验更好 SPA single page application(单页应用程序) 前端路由 锚点值监视 ajax获取动态数据 核心点是锚点值 前端框架 Vue/angular/react都很适合开发单页应用 基本使用 vu...
vue 组件命名规范
10-10
Vue 组件命名规范一般遵循以下几点： 1. 组件名称应使用帕斯卡（Pascal）命名法，即每个单词首字母大写，不使用连字符或下划线。例如：MyComponent。 2. 组件名称应该具有描述性，可以清楚地表达组件的功能或用途。 3. 避免使用与 HTML 标签相同的名称作为组件名称，以防止与现有标签发生冲突。 4. 对于组件文件，应使用与组件名称相同的文件名，并使用帕斯卡命名法，同时添加.vue 扩展名。例如：MyComponent.vue。 5. 对于组件文件的引入和使用，可以使用帕斯卡命名法或短横线命名法。例如：import MyComponent from './MyComponent.vue' 或 <my-component></my-component>。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值