nuxt 如何写公共函数
时间: 2023-10-18 12:08:33 浏览: 235
nuxt引入组件和公共样式的操作
在 Nuxt 中可以通过插件的方式来定义公共函数,具体步骤如下:
1. 在 `plugins` 目录下新建一个 js 文件,例如 `utils.js`。
2. 在 `utils.js` 中定义你需要的公共函数,例如:
```
export function formatDate(date) {
// 将日期格式化为字符串
}
```
3. 在 `nuxt.config.js` 中注册该插件,例如:
```
module.exports = {
// ...
plugins: [
{ src: '@/plugins/utils.js', mode: 'client' }
]
}
```
4. 在需要使用该公共函数的页面或组件中,可以通过 `this.$<函数名>` 来调用,例如:
```
<template>
<div>{{ formatDate(new Date()) }}</div>
</template>
<script>
export default {
methods: {
formatDate
}
}
</script>
```
这样就可以在 Nuxt 中定义和使用公共函数了。
阅读全文