.vue文件怎么写html,.vue文件书写规范

template 模块

1. 标签上不要写多余的属性(默认就是以 html 来解析)

2. template 里 html 标签上的属性书写规则

2.1 超过一个属性时，属性换行对齐；

2.2 v-xx指令放最前，自有属性放最后；

v-model="form.imageCode"

type="text"

class="hf-input"

placeholder="请输入验证码"

/>

2.3 v-xx指令排序规则，控制显示 -> 控制循环 -> v-bind属性 -> v-on事件绑定；

v-if / v-show -> v-for -> v-bind:text... -> v-on:click...

如：

• is="todo-item"

  v-for="(todo, index) in todos"

  v-bind:key="todo.id"

  v-bind:title="todo.title"

  v-on:remove="todos.splice(index, 1)"

  >

2.4 当v-if与v-for在同一个标签上时，记得v-if的权重高于v-for，会在每个标签上做判断，确定这是你真正的意图？

2.5 v-for时，记得为每项提供一个唯一 key 属性；

2.6 非不得已，