vue中的ES6语法整理1
生活随笔
收集整理的這篇文章主要介紹了
vue中的ES6语法整理1
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1、箭頭函數(shù)
ES6允許使用“箭頭”(=>)定義函數(shù)
var f = v => v;//等價(jià)于var f = function(v){return v; };如果箭頭函數(shù)不需要參數(shù),則定義如下:
var f = () => 5; // 等同于 var f = function () { return 5 };如果箭頭函數(shù)需要單個(gè)參數(shù)或者多個(gè)參數(shù),則定義如下:
var sum = (num1, num2) => num1 + num2; // 等同于 var sum = function(num1, num2) {return num1 + num2; };? 如果箭頭函數(shù)的代碼塊多于一條語(yǔ)句,則要使用大括號(hào)將他們括起來(lái),并使用return語(yǔ)句返回:
var sum = (num1, num2) => { return num1 + num2; }? 注:箭頭函數(shù)內(nèi)部的this不是windows對(duì)象,而是函數(shù)自身。
2、import,export
? export與export default均可用于導(dǎo)出常量、函數(shù)、文件、模塊等,你可以在其它文件或模塊中通過import+(常量 | 函數(shù) | 文件 | 模塊)名的方式,將其導(dǎo)入,以便能夠?qū)ζ溥M(jìn)行使用,但在一個(gè)文件或模塊中,export、import可以有多個(gè),export default僅有一個(gè)。?
//demo1.js export const str = 'hello world'export function f(a){return a+1 }//demo2.js import { str, f } from 'demo1' //也可以分開寫兩次,導(dǎo)入的時(shí)候帶花括號(hào)也可以使用下面的方式進(jìn)行導(dǎo)入:
//demo1.js export default const str = 'hello world'//demo2.js import str from 'demo1' //導(dǎo)入的時(shí)候沒有花括號(hào)?
轉(zhuǎn)載于:https://www.cnblogs.com/vipchenwei/articles/7922405.html
總結(jié)
以上是生活随笔為你收集整理的vue中的ES6语法整理1的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 创文html5作品,【《创文故事》纪录短
- 下一篇: 第五周思维导图