一起学Vuejs(三)----- export和export default的区别

不积跬步,无以至千里;不积小流,无以成江海。

 

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的区别

上一篇:Web前置技能-TCP/IP协议


下一篇:.Net中HttpClient之SendAsync方法