Vue--vue中常用的ECMAScript6语法
1、对象的写法
1 es5中对象: {add:add,substrict:substrict} 2 es6中对象: {add,substrict} 注意这种写法的属性名称和值变量是同一个名称才可以简写,否则要想es5那样的写法,例如: {addFun:add}
2、在对象中的方法的写法
1 es5中对象: {add:function(){},substrict:function(){}} 2 es6中对象: {add(){},substrict(){}}
3、对象的导出写法
1 es5两种形式: 2 1、module.exports = fucntion (){}; 3 2、exprots.add = fucntion (){}; 4 5 es6中写法: 6 1、export default{ 7 add(){} 8 } 9 2、export fucntion add(){} 相当于 将add方法当做一个属性挂在到exports对象
4、对象的导入
1 es5: var add = require('./calc.js'); 2 es6: 3 如果导出的是:export default{ add(){}} 4 那么可以通过 import obj from './calc.js' 5 6 如果导出的是: 7 export fucntion add(){} 8 export fucntion substrict(){} 9 export const PI=3.14 10 11 那么可以通过按需加载 import {add,substrict,PI} from './calc.js'
5、es6中的箭头函数的写法
1 箭头的演变过程: 2 //需求:利用函数实现倒序排列 3 [2,1,3].sort(function(x,y){return y - x;}); 4 5 //用箭头函数实现 =>读 goes to 6 [2,1,3].sort((x,y)=>{return y - x;}); 7 [2,1,3].sort((x,y)=> {x++;y++; y - x;}); 8 [2,1,3].forEach(x=> {console.log(x)});