zoukankan      html  css  js  c++  java
  • es6 模块化

    test.js

      var vm="321321";

      export { vm };

      ------------------------------------------------------

      export var name="李四";

    a.vue

      import {vm} from '@/test'

      console.log(vm);

      ------------------------------------------------------

      console.log(name);

      

    var vm1="李四";
    module.exports =vm1;
    import vm1 from '@/test'
    console.log(vm1) //李四
    var vm1="李四"; 
    var vm2=18;
    export { vm1, vm2};
    import {vm1,vm2} from '@/test'
    console.log(vm1) //李四

    var vm1="李四"; 
    var vm2=18;
    export default {vm1,vm2}
    import test from '@/test'
    console.log(test.vm1); //李四
    export default导出 导入的时候不能用{} 默认导出一个整体接口


    export const aa="3131";
    var a=require('../test').aa;
     
    
    
    可以看到第一组是使用export defaultimport语句不需要使用大括号;第二组使用export,对应的import语句需要使用大括号,一个模块只能有一个默认输出,所以export default只能使用一次。









    consult:

    http://www.cnblogs.com/Nutrient-rich/p/7047877.html





      

  • 相关阅读:
    jsp的DAO三层-------------实现登录功能
    JSP前后台交互实现注册、登录功能
    结构化查询语言----SQL基本操作
    HTML5 Web存储
    jQuery 属性和CSS
    jQuery DOM操作
    JS中的函数、BOM和DOM操作
    接口和抽象类
    单例模式
    IP介绍
  • 原文地址:https://www.cnblogs.com/geekjsp/p/9962990.html
Copyright © 2011-2022 走看看