不利于库和插件，用vue2原生方法实现打印的代码，并详细解释各个代码

好的，下面是用 Vue2 原生方法实现打印的代码。首先，我们需要在 Vue 组件中添加一个打印按钮，并绑定一个打印方法：

<template>
  <div>
    <!-- 打印按钮 -->
    <button @click="printDocument">打印</button>
    <!-- 打印内容 -->
    <div ref="printContent">
      <!-- 这里放需要打印的内容 -->
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    // 打印方法
    printDocument() {
      // 获取打印内容的 DOM 节点
      const printContent = this.$refs.printContent;
      // 创建 iframe，用于打印
      const iframe = document.createElement('iframe');
      // 隐藏 iframe
      iframe.style.display = 'none';
      // 将 iframe 添加到 body 中
      document.body.appendChild(iframe);
      // 获取 iframe 的 window 对象
      const win = iframe.contentWindow;
      // 获取 iframe 的 document 对象
      const doc = win.document;
      // 将打印内容添加到 iframe 的 document 中
      doc.body.appendChild(printContent.cloneNode(true));
      // 执行打印命令
      win.print();
      // 从 body 中移除 iframe
      document.body.removeChild(iframe);
    }
  }
}
</script>

上面的代码中，我们在 Vue 组件中添加了一个打印按钮，并将需要打印的内容放在一个带有 `ref="printContent"` 属性的 div 中。然后，我们在组件的 methods 中添加了一个 `printDocument` 方法，用于处理打印操作。

在 `printDocument` 方法中，我们首先通过 `this.$refs.printContent` 获取到需要打印的内容的 DOM 节点。然后，我们创建一个 iframe 元素，并将其添加到 body 中。我们在 iframe 中创建一个新的 document 对象，并将需要打印的内容添加到其中。最后，我们执行 `win.print()` 命令来执行打印操作，并在打印完成后从 body 中移除 iframe 元素。

需要注意的是，由于浏览器的安全限制，我们无法直接在 JavaScript 中触发打印操作，而是需要使用 iframe 来间接实现。此外，我们在打印完成后需要将 iframe 从 body 中移除，否则会影响页面的正常使用。