vue记录日志到本地

Vue.js 本身并没有提供记录日志到本地的功能，但我们可以通过使用一些第三方库来实现这个功能，例如 `log4js`、`winston` 等。

这里以 `log4js` 为例，首先需要安装 `log4js`：

npm install log4js --save

然后在 Vue.js 的入口文件 `main.js` 中引入 `log4js` 并配置：

import log4js from 'log4js';

log4js.configure({
  appenders: {
    console: { type: 'console' },
    file: { type: 'file', filename: 'logs/app.log' }
  },
  categories: {
    default: { appenders: ['console', 'file'], level: 'info' }
  }
});

Vue.prototype.$logger = log4js.getLogger();

在上面的代码中，我们配置了两个日志输出方式，一个是控制台输出，一个是输出到文件。文件输出的路径为 `logs/app.log`，可以根据实际情况修改。

最后在 Vue 组件中使用 `$logger` 对象来记录日志即可：

this.$logger.info('这是一条信息日志');
this.$logger.warn('这是一条警告日志');
this.$logger.error('这是一条错误日志');

这些日志信息会同时输出到控制台和文件中。