vue export function export defualt const等定义函数的区别
时间: 2024-09-11 14:19:21 浏览: 39
在Vue中,`export`, `export default`, 和 `const` 的主要区别在于它们用于模块导出和变量声明的方式。
1. **`export`** 语句: 当你在一个模块中想要导出某个特定的变量或函数时,可以使用 `export` 关键字。比如,如果你只想导出一个函数,你可以这样写:
```javascript
// a.js
export function getName() {
return 'Lily';
}
```
这样其他文件可以通过 `import` 声明导入这个函数。
2. **`export default`**: 这种方式通常用来指定模块的默认导出项。当你有一个全局的对象或函数,希望它是其他文件调用该模块时直接使用的入口点时,可以使用 `export default`。例如,一个对象或一个函数:
```javascript
// a.js
export default {
name: 'Lily',
getAge: function() {
return 16;
},
};
```
其他文件可以通过 `import` 声明并直接访问默认属性:
```javascript
import { name, getAge } from './a.js';
console.log(name); // 输出 "Lily"
```
3. **`const`**: 它用于声明常量,但并不影响模块导出。在模块内部使用 `const` 是为了在当前作用域内创建不可变的数据。它不会作为导出的一部分。
总结起来,`export` 用于指定导出的具体项,`export default` 提供了一个默认的入口点,而 `const` 是在模块内部的局部变量声明。在 Vue 中,如果要暴露一个组件实例或者一些可复用的逻辑,通常会使用 `export default`。