码迷,mamicode.com
首页 > 其他好文 > 详细

好的编程习惯(2)

时间:2018-12-08 11:29:34      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:程序员   新标签   one   button   结构   项目   文件   vue   group   

概述

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

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

好的编程习惯(2)

标签:程序员   新标签   one   button   结构   项目   文件   vue   group   

原文地址:https://www.cnblogs.com/yangzhou33/p/10086200.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!