脚本宝典收集整理的这篇文章主要介绍了Vue学习笔记第一天--es6，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

es6

webpack-ES6的处理

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

• babel

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

    • 关键字(presets es2015)
    • 函数(plugins babel-plugin-transform-runtime)

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：384754419，请注明来意。