ES6(ES2015)
ES6特性
一：塊級作用域&函數級作用域
- es5及以前都是函數級作用域，即在函數中是一個作用域。函數內部可以順著作用域鏈訪問外部，但外部不能訪問內部的變數。
- 塊級作用域即{}裡面的代碼是一個作用域，出了這個作用域，變數就被銷毀掉
const和let都是塊級作用域，let表示變數，const表示常量
二：語法糖
1：箭頭函數
//無參數
var sum = () => 1 + 2;
// 等同於：
var sum = function() {
return 1 + 2;
};
//單個參數 無需小括弧
var reflect = value => value;
// 等同於：
var reflect = function(value) {
return value;
};
x => x * x
//等同於：
function (x) {
return x * x;
}
//多個參數
var sum = (num1, num2) => num1 + num2;
// 等同於：
var sum = function(num1, num2) {
return num1 + num2;
};
//複雜點的
{
render:h=>h(App)
}
{
render:h=>{
return h(App);
}
}
{
render:function(h){
return h(App);
}
}
data: function () {
return {
Article: {},
}
}
data: () =>{
return {
Article: {},
}
}
data(){
return {
Article: {},
}
}
2.簡寫屬性名
對象屬性（方法）名稱和外部變數（函數）名稱，同名的情況下，省略了屬性名的重複書寫以及冒號。
new vue{
router,
components:{ APP },
template: <App/>
}
//等同於
new vue{
router:router,
components: { App:App },
template: <App></App>
}
3.
<router-view></router-view> = <router-view/>
推薦閱讀：