vue3.0 封装公共util以及页面引用

在 Vue3.0 中，可以通过以下步骤来封装公共的工具类：

1. 在项目中创建一个新的文件夹，例如 utils，用于存放公共工具类。

2. 在 utils 文件夹中创建一个新的文件，例如 common.js，用于编写公共工具类的代码。

3. 在 common.js 中定义需要封装的工具函数，例如：

export function formatDate(date) {
  // ...
}

4. 在需要使用该工具函数的页面中，通过以下方式引入：

import { formatDate } from '@/utils/common.js';

5. 在页面中使用该工具函数，例如：

export default {
  data() {
    return {
      date: new Date(),
    };
  },
  computed: {
    formattedDate() {
      return formatDate(this.date);
    },
  },
};

这样就完成了公共工具类的封装和页面的引用。需要注意的是，在引入公共工具类时，需要使用相对路径或者别名，例如 `@/utils/common.js`。