vuejs在eslint中的书写规范

部分书写规范

以一段代码为例(主要是在js文件中)

<script>
import {Toast} from 'mint-ui'
export default {
  data () {
    return {
      uname: '',
      upwd: ''
    }
  },
  methods: {
    btnLogin () {
      // 1.获取用户用户名和密码
      var n = this.uname
      var p = this.upwd
      // 2.创建正则表达式验证用户名格式是否正确
      var reg = /^[a-z0-9_]{3,8}$/i
      if (!reg.test(n)) {
        // 提示信息不是
        Toast('用户名格式不正确,请检查')
        return
      };
      if (!reg.test(p)) {
        Toast('密码格式不正确')
        return
      };
      // 发送ajax请求
      var url = 'http://127.0.0.1:3000/login?uname=' + n + '&upwd=' + p
      this.axios.get(url).then(result => {
        if (result.data.code === 1) {
          Toast('登录成功')
        } else {
          Toast('用户名或密码由有误')
        }
      })
    }
  }
}
</script>

总结如下:

1.首行不留空白,尾部只能留一行,不能多也不能少,每个单词之间的间距为2个空格;(用vs code编写时一个tab默认4个空格,需要改为2个);

2.方法的()前后要空格;

3.单词与{}要空 一个;

4.在js中只能用单引号;

5.使用注释时在写注释内容时,要先空一格;符号与单词之间空一格;如:

    // 这是注释一行内容

    /* 这是注释多行内容 */

6.() 和{}前后要空一格;如if ( ) { } else { };

7.一行结束时,不能有符号(除了必须的逗号,最后结尾不写符号,冒号后要空一格);

data () { 
  return { 
	uname: '',
	upwd: ''
  }
} 

8.将 == 改写成 === ;

暂时用到这些,如果还有,还会在补充,在用eslint时,遇到报错,会有相应的错误提示,大多数都是语法错误,认真修改就行啦.还有哪些没写到到的,望大家多多补充.