导入 和 导出包的方法：

在 Node 中 ：
导入模块：var 名称 = require('模块标识符')
向外暴露成员的形式：
module.exports={}

在ES6 中，也通过 规范的形式，规定了 ES6 中如何 导入 和 导出 模块
 ES6中导入模块，使用   import 模块名称 from '模块标识符'    import '表示路径'
在 ES6 中，使用 export default 和 export 向外暴露成员：
两者不可以混合使用

export_14">1、export向外暴露成员以及接受成员的方式：

var info = {
  name: 'zs',
  age: 20
}

export default info

/* export default {
  address: '北京'
} */

// 注意： export default 向外暴露的成员，可以使用任意的变量来接收
// 注意： 在一个模块中，export default 只允许向外暴露1次
// 注意： 在一个模块中，可以同时使用 export default 和 export 向外暴露成员

import m222, from './login.vue'
console.log(m222)

export_37">2、export向外暴露成员以及接受成员的方式：

export var title = '小星星'
export var content = '哈哈哈'

// 注意： 使用 export 向外暴露的成员，只能使用 { } 的形式来接收，这种形式，叫做 【按需导出】
// 注意： export 可以向外暴露多个成员， 同时，如果某些成员，我们在 import 的时候，不需要，则可以 不在 {}  中定义
// 注意： 使用 export 导出的成员，必须严格按照 导出时候的名称，来使用  {}  按需接收；
// 注意： 使用 export 导出的成员，如果 就想 换个 名称来接收，可以使用 as 来起别名；

import  { title as title123, content  } from './login.vue'
console.log(title123 + ' --- ' + content)

总代码
login.vue

<template>
<!-- html模板 -->
  <div>
    <h1>这是登录组件</h1>
  </div>
</template>
<script>
// 业务逻辑
// export default{
//   data(){
//    return{
//       msg:"123"
//    };
//   },
//   methods:{a
//     show(){
//       console.log("调用了 login.vue 中的 show 方法")
//     }
//   }
// }
// 导入 和 导出包的方法：

// 在 Node 中 ：
// 导入模块：var 名称 = require('模块标识符')
// 向外暴露成员的形式：
// module.exports={}

// 在ES6 中，也通过 规范的形式，规定了 ES6 中如何 导入 和 导出 模块
//  ES6中导入模块，使用   import 模块名称 from '模块标识符'    import '表示路径'
// 在 ES6 中，使用 export default 和 export 向外暴露成员：
// 两者搭配使用

var info = {
  name: 'zs',
  age: 20
}

export default info

/* export default {
  address: '北京'
} */

// 注意： export default 向外暴露的成员，可以使用任意的变量来接收
// 注意： 在一个模块中，export default 只允许向外暴露1次
// 注意： 在一个模块中，可以同时使用 export default 和 export 向外暴露成员



export var title = '小星星'
export var content = '哈哈哈'

// 注意： 使用 export 向外暴露的成员，只能使用 { } 的形式来接收，这种形式，叫做 【按需导出】
// 注意： export 可以向外暴露多个成员， 同时，如果某些成员，我们在 import 的时候，不需要，则可以 不在 {}  中定义
// 注意： 使用 export 导出的成员，必须严格按照 导出时候的名称，来使用  {}  按需接收；
// 注意： 使用 export 导出的成员，如果 就想 换个 名称来接收，可以使用 as 来起别名；




// 在Node中 使用 var 名称 = require('模块标识符')
// module.exports 和 exports 来暴露成员


</script>
<style>
/* 样式 */
</style>

main.js中

import m222, { title as title123, content  } from './login.vue'
console.log(m222)
console.log(title123 + ' --- ' + content)