vue书写规范 （转自GitHub）

最新推荐文章于 2025-08-20 23:02:25 发布
转载 最新推荐文章于 2025-08-20 23:02:25 发布 · 239 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-CN.md
文章标签：

#vue

该博客详细介绍了Vue.js组件的风格指南，包括如何组织代码、使用CSS预处理器、定义组件样式、状态管理和最佳实践，旨在提升组件的可复用性和可维护性。
Vue基础语法及规范(随时更新)
laoli360的博客
09-23 1486
Vue语法-插值表达式
Vue2，使用Vue基础语法实现github上火热的todoMVC案例
qq_45188736的博客
02-12 715
用Vue去实现todoMVC案例 安装下载初始案例 首先我们下去github上下载todoMVC的初始文件，文件地址如下： https://github.com/tastejs/todomvc-app-template 当然我们也可以下载压缩包，这里不要求. 我们下载好后使用npm指令安装所有的依赖 npm install 现在我们应该可以在文件中找到index.html文件我们打开会看到一个简单的toMVC网页，没有任何的操作只有静态网页。 在开始前我们做最后一步骤，配置scri
vue书写规范
dong24705的博客
03-14 235
import引入原则：1.import {mapState} from "vuex"//涉及状态管理的优先2.import component from "...."//components3.import directive from "...."//directives4.import {methods} from "...."//方法/工具/接口 属性及方法书写原则： /...
VUE-CLI项目代码规范
01-08
V1.0.1（不断更新中，欢迎讨论建议） 作者：Lisa[896908299@qq.com] 目录 一、命名规则… 1 二、CSS书写规范… 2 三、JS书写规范… 2 四、Vue.js书写规范… 3 4.1单个.vue文件书写规范… 3 4.2 Vue.js组件相关规范… 3 4.3 Vuex和VueRouter相关规范… 3 4.4 Webpack相关规范… 4   一、命名规则 1.目录名全部小写，srcs下层目录使用复数形式。 2.图片字体影音等资源文件名称全部小写或者全部大写，使用下划线_连接。 3.除了约定俗成的文件名，代码类文件名称使用驼峰式命名。 4.css的class名称全部
vue项目实战系列五：vue书写规范
m0_68635815的博客
02-13 463
这里是官方的Vue特有代码的风格指南.如果在工程中使用Vue,为了回避错误、小纠结和反面模式,该指南是份不错的参考.不过,我们也不确信风格指南的所有内容对于所有的团队或工程都是理想的.所以根据过去的经验、周围的技术栈、个人价值观做出有意义的偏差是可取的.对于其绝大部分,我们也总体上避免就JavaScript或HTML的本身提出建议.我们不介意你是否使用分号或结尾的逗号.我们不介意你在HTML attribute中使用单引号还是双引号.不过当我们发现在Vue的情景下有帮助的特定模式时,也会存在例外.
创建Vue项目的不同方式及项目规范化配置
最新发布
weixin_49095243的博客
08-20 853
介绍不同脚手架创建Vue项目的方式及项目编写规范
【Vue2.0】笔记（六）-Vue-cli、Vuex、mockjs、gitee、github
小女不才
04-08 2530
前端工程化（四）Vue脚手架(1) 基本用法1.1（五）Element-Ul的基本使用二级目录三级 （四）Vue脚手架 Vue脚手架可以快速生成Vue项目基础的架构。官网地址：https://cli.vuejs.org/zh/ (1) 基本用法 安装3.x版本的Vue脚手架： npm install -g @vue/cli 卸载命令：npm uninstall -g vue-cli 检查命令 Vu...
安卓与Vue移动端团队协作开发规范指南
内部包含名为“vue-team-develop-document-master”的子文件夹，通常这种命名方式表明其源自GitHub等代码托管平台的项目主分支（master branch），意味着这是一个结构完整、版本清晰、可能由多人共同维护的开源或...
github vue3 ts 练手项目
08-14
同时还包括了工程化管理项目的书写规范、提交风格等方面的内容。此外，还有如何封装vuex中的mapgetters，封装网络请求，以及如何正确地根据项目结构化来划分ts项目的综合使用等内容。你可以在github上下载这个项目并...
vue书写规范——风格指南
xiaoququ的博客
03-23 364
组件名为多个单词——避免与HTML标签冲突 <good-item></good-item> export default{ name:'GoodItem' } 组件的data是一个函数——每个组件实例管理自己的数据 data(){ return { a:1 } } //在vue的根实例data可以是对象，因为只有一个根实例 new Vue({ data:{ a:1 ...
【前端】1.学习了一段时间的vue，总结一下Vue书写规范
小冷coding的博客
10-22 7443
在团体开发项目中，为了团队所有成员书写可维护的代码，而不是一次性的代码，让团队当中其他人看你的代码能一目了然，甚至过一段时间时候后你再回来看你自己某个时候写的代码也能看明白，所以命名很重要的。在页面中使用组件需要前后闭合，并以短线分隔，如（ ，），导入及注册组件时，遵循 PascalCase 约定，同时还需要注意：必须符合自定义元素规范: 切勿使用保留字。命名必须是跟需求的内容相关的词，比如说我想申明一个变量，用来表示我的学校，那么我们可以这样定义 constmySchool=“我的学校”;
vue前端书写规范
樊小二的博客
11-13 1287
vue前端书写规范 1.组件名为多个单词 组件名应该始终是多个单词的，根组件 App 除外。 这样做可以避免跟现有的以及未来的 HTML 元素相冲突，因为所有的 HTML 元素名称都是单个单词的。 如： Vue.component('todo-item', { // ... }) --------------------------------------------- export de...
vue开发基本规范
YuT_ian的博客
11-22 1174
vue开发基本规范 优先级 A 的规则：必要的 (规避错误) 组件名为多个单词 组件名应该始终是多个单词，根组件 App 以及 <transition>、<component>之类的 Vue 内置组件除外。 可以避免跟现有的以及未来的HTML元素发生冲突，因为目前为止所有的HTML元素名称都是单个单词的。 反例 Vue.component('todo', { // ... }) export default { name: 'Todo', // ... }
vue的十一种书写规范
wyk760629476的专栏
04-29 489
1.created watch不要调用方法，可以用watch中的原有属性控制，声明时候就执行渲染方法 2.props要驼峰式命名 3.事件命名要短线分隔 4.props要添加约束，默认值，必填规则等 5.单实例组件要以The开头 6.v-for要添加key以免渲染无序 7.v-for不能与v-if一起使用,可以用computed 8.保持指令简写的一致性，都用或者都不用 9.模板表...
Vue代码规范（大部分适用）
Brilliant Me 的博客
01-19 5701
vue代码规范（公司内部使用） UI框架选择 PC端Vue项目UI框架优先选择：Element UI 文件夹、组件命名规范，组件结构规范 文件夹： 1.文件夹名称应统一格式，小驼峰命名，见名思意，其余文件夹名称统一按照项目结构目录命名规范统一命名。 2.文件路径按照菜单定义。顶级菜单对应一个一级文件夹，依次类推。 ⦁ 基础组件： 当项目中需要自定义比较多的基础组件的时候，比如一些button，input，icon，建议以一个统一的单词开头，或者放到通用文件夹统一管理，这样做的目的是为了方便查找。 公共组件应
vue 写作风格指南及规范
weixin_34310127的博客
04-23 289
对于vue的书写风格，vue官网上有一套完整的适合入门时所遵循的指南。在每个公司中，每个团队都有自己的风格，针对我们前端团队的风格，总结出了一套适用于我们公司的书写规范。其中大部分都是按照指南的规定来遵循的，如果不想一个一个看指南中的规则，可以遵循本文总结的规则，也能写出符合规范的vue组件。 1.对于单文件组件，每个文件中 templa...
如何写出更加规范的Vue代码
bug处理进行时
02-15 880
Vue代码风格指南整理 A级：必要的 使用以下代码规则会规避一些不必要的错误 1、组件名为多个单词 好处 避免和现有的以及未来的HTML产生冲突，因为html元素名称为单元素 举例 // 反例1，以todo为组件名 Vue.component("todo" , { ... }) // 反例2，以todo为组件名 export default{ name:"Todo...
Vue项目书写规范
weixin_44090040的博客
08-20 3997
1. 组件名为多个单词 我们开发过程中自定义的组件的名称需要为多个单词，这样做可以避免跟现有的以及未来的HTML元素相冲突，因为所有的 HTML 元素名称都是单个单词的。 推荐： Vue.component('todo-item', { // ... }) export default { name: 'TodoItem', // ... } 不推荐： Vue.component('todo', { // ... }) export default { name: 'Todo',
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值