vue.js 相关概念

• const

const声明一个只读的常量。一旦声明，常量的值就不能改变

const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值

• let es6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

• export和export default的区别

1. export 与export default 均可以用于常量、函数、文件、模块

2. 你可以在其他文件或模块中通过import + （常量|函数|文件|模块）名的方式，将其导入，以便能够对其进行使用

3. 在一个文件或模块中，export，import可以有多个，export default仅有1个

4. 通过export 方式导出，在导入时要加{}, export default 则不需要

5. 其实很多时候export 与 export default 可以实现同样的目的，只是用法有些区别，注意第4条，使用export default 命令，为模块指定默认输出，这样就不需要所加载模块的变量名。

• class

ES6 的 class 属于一种“语法糖”，所以只是写法更加优雅，更加像面对对象的编程，其思想和 ES5 是一致的

• constructor

constructor 是一个类的构造函数，类似于python类中的init() 函数，返回的是this 实例对象。

• 箭头函数 =>

var f = a = > a

//等同于
var f = function(a){
   return a;  
}

• element-ui

element-ui 是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是 Mint UI 。

官方中文：http://element.eleme.io/#/zh-CN

• javaScript test() 方法

test() 方法用于检测一个字符串是否匹配某个模式.

export function validEmail(email) {
  const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
  return reg.test(email)
}

• JavaScript indexOf() 方法

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

export function validUsername(str) {
  const valid_map = ['admin', 'editor']
  return valid_map.indexOf(str.trim()) >= 0
}

• JavaScript trim() 方法

去除字符串的头尾空格:

var str = "       Runoob        ";
alert(str.trim());