导出与导入

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zwt7790195/article/details/82988367

组件（类）

导出一个类可以有两种写法

export default class MyView extends Component {}

class MyView extends Component {}
export default MyView;

导入：

import MyView from './MyView';

• 注意： 第一个 MyView 是自己定义的名称，可以随便写，但是建议和类名一致。 ./MyView 是文件路径及文件名，文件名不带后缀

变量与常量

导出：

export var name = 'Jack';
export const age = 12;

export default class MyView extends Component {}

也可以将它们一起导出

var name = 'Jack';
const age = 12;
export {name, age};

export default class MyView extends Component {}

导入：

import {name} from './MyView';
import {age} from './MyView';

也可以一起导入

import {name, age} from './MyView';

• 还可以与类一起导入

import MyView, {name, age} from './MyView';

方法

导出：

export function sum(a, b) {
  return a + b;
}

导入方法和导入变量是完全一样的，可以单独导入

import {sum} from './MyView';

也可以一起导入

import MyView, {name, age, sum} from './MyView';