脚本宝典收集整理的这篇文章主要介绍了

Vue学习笔记第一天–es6

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

es6

webpack-ES6的处理

  • ES6的模块,vue本身默认支持es6的模块导入导出
  • babel

    • babel-loader(内部依赖babel-core)

ES6中的模块

  • 默认

    • 导入import [,..xxx] [,..from] './xxx.ext'
    • 导出 export default obj;
  • 声明式

    • 1导出 export var obj = xxx;
    • 2导出 export var obj2 = {};
    • 3单独导出 export {stu};
    • 导入 import {obj,obj2,stu} from './xxx.js'; 直接使用obj
  • 全体
  • 默认导出和声明式导入在使用上的区别

    • 要注意,声明式导入的时候,必须{名称} 名称要一致(按需导入)
    • 默认导入,可以随意的使用变量名
{ default:"我是默认导出的结果"             import xxx from './cal.js'会获取到整个对象的default属性 obj1:"我是声明式导出1" obj2:"我是声明式导出2"  obj3:"我是声明式导出3"     import {obj1,obj2} obj4:"我是声明式导出4" }     import * as allObj from './cal.js';  获取的就是一整个对象
  • import 和export一定写在顶级,不要包含在{}内

ES6中的代码变化

  • 对象属性的声明
    var name = 'abc';     var person = {name}; 简写-> var person = {name:name};      声明函数      var cal = {         add:function(){             return 1;         },         add2(){             return 2;         },         add3:funtion(n1,n2){             return n1 + n2;         },         add4(n1,n2){  干掉了function             return n1 + n2;         }     }
  • 当属性的key和变量的名相同,而要使用变量的值做value,
  • 就可以简写{name}->{name:name}
  • es6中的函数声明 () {}

总结

以上是脚本宝典为你收集整理的

Vue学习笔记第一天–es6

全部内容,希望文章能够帮你解决

Vue学习笔记第一天–es6

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过