一起学Vuejs（三）----- export和export default的区别

标签：export   hello   dem   strong   class   pre   多个   引入   nbsp   

不积跬步，无以至千里；不积小流，无以成江海。

Vuejs语言基础

export default ：相当于提供一个接口给外界，让其他文件通过 import 来引入使用。

export 和export default 的区别：

export 可以导出多个命名模块；

export default 只能导出一个默认模块，这个模块可以匿名。

对于export：

  // demo.js声明部分
  export const str = ‘hello world‘

  export function f(b){
    return b+1
  }

 对应的import方式：

//demo1.js
import { str, f } from ‘demo1‘

 注意：也可以分开写两次，导入的时候带花括号

对于export default：

  //demo.js声明部分
  export default {
    a: ‘hello‘,
    b: ‘world‘
  }

 对应的import方式：

//demo1.js
import obj from ‘demo1‘

 注意：导入的时候没有花括号，且可匿名（obj）

一起学Vuejs（三）----- export和export default的区别

标签：export   hello   dem   strong   class   pre   多个   引入   nbsp   

原文地址：https://www.cnblogs.com/smilexuezi/p/13798606.html