天眼前端培訓(xùn)Vue.js（六）前端講師：張焱CONTENT01ES6基本內(nèi)容nodejs02Js界中四大js規(guī)范03.vue單文件組件04ES6基本內(nèi)容

01Vuejs01EcmaScript6

是目前ECMAScript語言規(guī)范的標(biāo)準(zhǔn)，于2015年6月發(fā)布1997年-1999年2011年2013年-2015年ECMAScript1.0ECMAScript2.0ECMAScript3.0ECMAScript4.0

ECMAScript6草案2000年-2009年ECMAscript5.1ISO國際標(biāo)準(zhǔn)（ISO/IEC16262:2011）ECMAScript3.1就改名為ECMAScript5

ECMAScript5.0

ECMAScript6正式發(fā)布，國際標(biāo)準(zhǔn)Vuejs01變量定義

letconst塊級(jí)作用域嚴(yán)格模式Vuejs01函數(shù)

箭頭函數(shù)注意：函數(shù)體內(nèi)的this對(duì)象，就是定義時(shí)所在的對(duì)象，而不是使用時(shí)所在的對(duì)象。不可以當(dāng)作構(gòu)造函數(shù)，也就是說，不可以使用new命令，否則會(huì)拋出一個(gè)錯(cuò)誤Vuejs01字符串

字符串模版插值語法Vuejs01運(yùn)算符

擴(kuò)展運(yùn)算符(展開運(yùn)算符)Vuejs01module模塊化語法

importexportVuejs01ES6=>ES5

因?yàn)镋S6的一些新語法在有些瀏覽器中目前沒有被支持(比如：IE9、IE11)，所以需要使用工具轉(zhuǎn)換我們的新語法為瀏覽器識(shí)別的舊語法結(jié)構(gòu)才能正常使用;這里我們所說的工具叫：編譯器、轉(zhuǎn)換器;編譯器有很多，其中js編譯器：babel()

.vue單文件組件04Vue-cli01vue單文件組件結(jié)構(gòu)<template>htm代碼、組件模版內(nèi)容（需要一個(gè)div或者其他塊元素標(biāo)簽盒子包裹，有且只有一個(gè)）</template><script>申明組件配置選項(xiàng)屬性，以及js代碼</script><style>設(shè)置樣式的地方</style>nodejs02Vue-cli011.歷史

2009年2015年…2月RyanDahl

V8引擎Web服務(wù)器庫5月第一個(gè)版本nodejsJoyent公司IsaacZ.Schlueter…2010年-2014年1月io.jsv1.0.02月Nodejsv0.12.09月io.jsv3.3.0Io.js和nodejs合并=>nodejsv4.0.0Vue-cli012.概念

Node.js是一個(gè)基于ChromeV8引擎的JavaScript運(yùn)行環(huán)境Vue-cli013.安裝和配置

登陸官網(wǎng)下載.msi安裝文件，安裝即可安裝好之后，在cmd命令行模式下輸入node-v出現(xiàn)v8.9.4的字樣表示成功

npm包管理工具windows系統(tǒng)默認(rèn)的npm包管理下載的全局包在C:/Users/對(duì)應(yīng)用戶名/AppData/Roaming/npm里如果不想放到C盤目錄里,需要修改配置文件：

nodejs官方api文檔：nodejs學(xué)習(xí)網(wǎng)站：Js界的四大規(guī)范03Vue-cli01js的模塊化

CommonJs它是由nodejs提出并使用的，核心思想就是通過require方法來同步加載所要依賴的其他模塊，然后通過exports或者module.exports來導(dǎo)出需要暴露的接口它是同步加載模塊的;AMD它基于CommonJs規(guī)范的模塊化概念形成的可以異步加載模塊的一個(gè)規(guī)范目前實(shí)現(xiàn)規(guī)范的兩個(gè)js庫：require.js和curl.js也是通過require方法加載模塊，不同的是：nodejs