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' //導入的時候沒有花括號

?

轉載于:https://www.cnblogs.com/vipchenwei/articles/7922405.html

總結

以上是生活随笔為你收集整理的vue中的ES6语法整理1的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。