好的编程习惯

Posted yangzhou33

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了好的编程习惯相关的知识,希望对你有一定的参考价值。

概述

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

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文件夹里面。

以上是关于好的编程习惯的主要内容,如果未能解决你的问题,请参考以下文章

PHP注释

程序员们有什么好的编程习惯?

程序员们有什么好的编程习惯?

编程中,有哪些好的习惯从一开始就值得坚持?

编程中,有哪些好的习惯从一开始就值得坚持?

使用单个片段显示UI而不是活动是一种好习惯吗?