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

2020-12-30 00:28

阅读：738

标签：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

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：一起学Vuejs（三）----- export和export default的区别
文章链接：http://soscw.com/index.php/essay/39162.html

亲，登录后才可以留言！