vue 风格指南

最新推荐文章于 2024-07-16 14:23:16 发布
最新推荐文章于 2024-07-16 14:23:16 发布
阅读量92 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tjcjava/article/details/114868514
版权

命名规则：
  组件：组件名应该始终是多个单词的，首字母大写，标签上小写，用 - 分隔
export default的写法顺序：
    - name
    - data  
    - props    
    - computed
    - watch
    - metods
    - components     
    - created
    - mounted

参考： https://cn.vuejs.org/v2/style-guide/index.html

飞扬_柳絮
关注
专栏目录
vue风格指南
人生代码 ---- 公众号
05-31 583
vue风格指南
Vue风格指南
多啦的博客
07-17 587
组件名为多个单词 除了根组件App之外，组件名应该始终是多个单词的，这样做可以避免和现有的以及未来的HTML元素冲突 组件的data必须是一个函数 如果不是函数，那么会在组件的所有实例之间共享，导致会被随意修改，且无法维护。 Vue.component('some-comp', { data: { foo: 'bar' } }) export default { ...
一份不错的 Vue 前端代码风格指南
最新发布
2401_83384536的博客
07-16 1023
自定义事件应始终使用 kebab-case 的事件名。不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。不同于组件和 prop，事件名不会被用作一个 JavaScript 变量名或 property 名，所以就没有理由使用 camelCase 或 PascalCase 了。并且v-on事件监听器在 DOM 模板中会被自动转换为全小写 (因为 HTML 是大小写不敏感的)，所以将会变成——导致myEvent不可能被监听到。原生事件参考列表[1]
Vue精简版风格指南（推荐）
08-28
Vue 精简版风格指南 本文将对 Vue 精简版风格指南进行详细的解释和总结，包括组件名称、指令及特征等相关知识点。 组件名称 在 Vue 中，组件名称是一个非常重要的概念。根据 Vue 风格指南，组件名称应该是多个...
vue规范风格指南学习
weixin_44736005的博客
06-15 853
文章目录vue规范-风格指南1、**组件名应该始终是多个单词的**2、**组件的 `data` 必须是一个函数。**3、**Prop 定义应该尽量详细。**4、**总是用 `key` 配合 `v-for`。**5、[避免 `v-if` 和 `v-for` 用在一起](https://cn.vuejs.org/v2/style-guide/#避免-v-if-和-v-for-用在一起必要)6、使用scoped作用域强烈推荐**把每个组件单独分成文件。****[单文件组件](https://cn.vuejs.or
vue风格指南(简)
沧海一粟
03-30 231
Vue官方风格指南
mr_japson的博客
08-15 303
官方链接：https://cn.vuejs.org/v2/style-guide/ 链接中是具体的代码演示，图示如下：
Vue 风格指南快速入门
{{ Coding enjoy }}
10-19 959
Vue 官方在最近发布了代码风格指南的BETA版本，旨在引导开发者以正确的方式来书写代码，避免因为不规范而导致的问题。这对于新手开发者来说，只要遵循风格指南的内容，就可以避免很多坑。同时，Vue 官方将所有的规则归为了四个大类： A：必须准守的 B：强烈推荐 C：一般推荐 D：谨慎使用
Vue项目风格指南
彭世瑜的博客
01-02 1301
一、必要 1、组件名应该始终是多个单词 Vue.component('todo-item', { // ... }) export default { name: 'TodoItem', // ... } 2、组件的 data 必须是一个函数 Vue.component('some-comp', { data: function () { return { ...
《vue 风格指南》学习
justyou_and_me的博客
03-03 313
1.）vue组件中的data必须是函数，为什么？ https://www.cnblogs.com/wangjiachen666/p/9876266.html 组件中的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份data，就会...
Vue风格指南(来自官方风格指南与vue-admin-element风格指南)
weixin_43550660的博客
04-21 377
Vue风格指南 组件名为多个单词 组件名应该始终是多个单词的，根组件 App 以及 ``transition、component` 之类的 Vue 内置组件除外。 这样做可以避免跟现有的以及未来的 HTML 元素相冲突，因为所有的 HTML 元素名称都是单个单词的。 所有得Component文件都是以大写开头(PascalCase) 但除了 index.vue 例子： @/src/compon...
关于Vue官网的风格指南整理
qq_44727563的博客
02-07 619
看了Vue官方的风格指南，做下记录 A部分：必要的 1 组件名为多个单词 为了避免组件名与HTML标签名冲突。 2 组件的data必须是一个函数 当一个组件的data是一个对象时，它会在这个组件的所有实例共享，造成数据混乱。 将data定义成一个函数返回一个对象，利用闭包可以很好的规避此问题。参考@一个小开心呀的回答： 首先定义的 xx.vue文件在编译之后是一个类，每个地方使用这个组件的时候，相当于对这个类实例化，在实例化的时候执行data，如果不是一个函数...
vue3.0--风格指南（一）
weixin_38687522的博客
06-11 762
1.组件名为多个单词 组件名应该始终是多个单词的，根组件App以及transition,component 之类的Vue内置组件除上，这样做可以避免跟现在的以及未来的HTML的元素相冲突，因为所有的html元素名称都是单个单词。 例如todo这样的名字不行，要用todo-item，TodoItem这样的。 2.Prop定义 prop定义应该尽量详细，在提交的代码中，prop的定义应该尽量详细，至少需要指定其类型。 props:[‘status’]不可以 props:{status:String} 可行 pr
Vue 前端代码风格指南
Mr.小灰狼_随笔
08-17 5373
Vue 前端代码风格指南 代码规范是一个非常重要的事情 ，很多企业都有自己的代码规范体系 ，而在不同阶段体系 HTML 、CSS、JS 也有代码规范 ! 那么到了后期框架和库阶段规范你知道吗 ? 今天为大家分享一组热门框架 VUE 的代码风格规范指南 ， 希望后续在写 Vue 方面代码有所帮助 ! 目录 一、命名规范 1.1、项目文件命名 1.2、Vue 组件命名 1.3、代码参数命名 二、代码规范 2.1、Vue 2.2、HTML 2.3、CSS 2.4、JavaScript 三、注释规范 四、其它...
vue前端开发代码规范(最新)
nelyo的博客
11-01 3049
一、命名规范 市面上常用的命名规范： camelCase（小驼峰式命名法 —— 首字母小写） PascalCase（大驼峰式命名法 —— 首字母大写） kebab-case（短横线连接式） Snake（下划线连接式） 1.1 项目文件命名 1.1.1 项目名 全部采用小写方式， 以短横线分隔。例：my-project-name。 1.1.2 目录名 参照项目命名规则，有复数结构时，要采用复数命名法。例：docs、assets、components、directives、mixins、utils、view
Vue官方推荐的风格指南
weixin_34113237的博客
07-03 414
Vue官方推荐的风格指南-个人笔记 最近刚注意到vue官方多了一个vue风格指南的推荐。 因为业务中一直用的vue，所以梳理学习一下，来增加自己代码的规范性，效果不错也可以安利到团队。 文档没有对JS或者HTML风格做约束，而是仅仅针对vue代码做了分类推荐。 一共按照优先级分4类： 优先级A：必要的。为了规避错误，这种代码风格是必...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值