vue中的ES6语法整理1

1、箭头函数

　ES6允许使用“箭头”（=>）定义函数

var f = v => v;

//等价于

var f = function(v){
     return v;    
};

　如果箭头函数不需要参数，则定义如下：

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

　如果箭头函数需要单个参数或者多个参数，则定义如下：

var sum = (num1, num2) => num1 + num2;
// 等同于
var sum = function(num1, num2) {
  return num1 + num2;
};

  如果箭头函数的代码块多于一条语句，则要使用大括号将他们括起来，并使用return语句返回：

var sum = (num1, num2) => { return num1 + num2; }

  注：箭头函数内部的this不是windows对象，而是函数自身。

2、import，export

　  export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用，但在一个文件或模块中，export、import可以有多个，export default仅有一个。 

//demo1.js
export const str = 'hello world'

export function f(a){
    return a+1
}



//demo2.js
import { str, f } from 'demo1' //也可以分开写两次，导入的时候带花括号

　　也可以使用下面的方式进行导入：

//demo1.js
export default const str = 'hello world'


//demo2.js
import str from 'demo1' //导入的时候没有花括号