导入和导出

export:

test.js

export const name = "Andy"
export const age = 21
export const getDate = () => {
    console.log('1999-08-09')
}

也可以这样写：

test.js

const name = "Andy"
const age = 21
const getDate = () => {
    console.log('1999-08-09')
}
export { name, age, getDate }

App.vue

<script setup>
import { name as NAME, age, getDate } from "@/assets/test.js"
console.log(NAME)
console.log(age)
getDate()
</script>

在一个文件或模块中，export、import可以有多个 通过export方式导出，在导入时要加{ }，不可改名(可以通过 as 改名)

---

export default:

test.js

const name = "Andy"
export default name

App.vue

<script setup>
import NAME from "@/assets/test.js"
console.log(NAME)
</script>

在一个文件或模块中，export default仅有一个 通过 export default 方式导出不用加{ }，且可以自定义名字

---

require：

App.vue

const name = require("@/excel/test");
name.hello('Andy')

test.js

exports.hello = function (name) {
    console.log(name);
};