vue批量导入和模板下载

Vue.js 中可以使用 webpack 的 require.context 方法实现批量导入，该方法接受三个参数：

1. 要搜索的目录
2. 是否搜索子目录
3. 匹配文件的正则表达式

示例代码如下：

// 导入 components 目录下所有以 .vue 结尾的文件
const files = require.context('@/components', true, /\.vue$/)
files.keys().forEach(key => {
  const component = files(key).default
  Vue.component(component.name, component)
})

模板下载可以通过在 Vue.js 中使用 axios 库发送 HTTP 请求来实现，如下所示：

import axios from 'axios'

axios({
  url: '/api/template/download',
  method: 'get',
  responseType: 'blob' // 指定返回的数据类型为二进制流
}).then(res => {
  const link = document.createElement('a')
  const blob = new Blob([res.data])
  link.style.display = 'none'
  link.href = URL.createObjectURL(blob)
  link.download = 'template.zip' // 下载文件的名称
  document.body.appendChild(link)
  link.click()
  URL.revokeObjectURL(link.href)
})

上述代码中，通过设置 responseType 为 'blob'，使得响应的数据类型为二进制流。然后创建一个 a 标签，设置其 href 属性为一个 Blob URL，将下载链接添加到 DOM 树中，最后触发 click 事件来下载文件。