好的编程习惯(2)

概述

我们程序员写代码就是为了给别人看的嘛，所以代码易读性很重要。这里我总结一些看别人代码时觉得不错的习惯，记录下来，慢慢地向他们学习。

template标签

template标签是h5的新标签，它在html中表示一个代码片段，它和它里面的内容不会在页面上显示出来。

但是在vue项目中，vue模板常常用template标签来包裹模板html。而template标签在vue中的另一个用法是，用来给v-for,v-if来占位。因为如果把v-for, v-if写在一般标签里面的话，会混在一起很难看，而且有可能会引入额外的div；但是写在template标签里面的话，template标签本身不会被渲染，里面的内容却会被渲染，从而非常简洁，而且好看。如下所示：

<template v-if="item.id">
  <el-tooltip
    effect="dark"
    content="编辑成员组"
    placement="top">
    <el-button
      type="text"
      @click.stop="preEditMemberGroup(item)">
      <i class="icon-edit"></i>
    </el-button>
  </el-tooltip>
</template>

文件结构

一般说来，

1. 我们要把处理接口的方法放在src的api文件夹中。
2. 我们把能被复用的组件放在components文件夹里面，把不会被复用仅仅作页面展示的组件放在views文件夹里面。
3. 如果组件过多，我们就把同类组件放在文件夹里面，如果这些文件夹过多，我们就把他们一起放在module文件夹里面。