在前端开发中，我们经常需要生成 PDF 简历。这时候，我们可以使用 npm 包 vue-resume 来快速生成自己的简历。
安装
在命令行中输入：
npm install vue-resume --save-dev
安装完毕后，在 Vue 项目中即可使用。
使用
在 Vue 组件中，import vue-resume：
import vueResume from 'vue-resume';
创建一个 Resume 实例：
const resume = new vueResume({
data: {
resumeData: {/* 简历数据 */}
}
});在 Vue 组件的 methods 中，调用 resume 实例的 render 方法：
methods: {
generatePDF() {
resume.render().then(data => {
// data 就是生成的 PDF 数据
});
}
}包含的模板
vue-resume 包含了多种简历模板可供选择。
- Modern（现代版）
- Classic（经典版）
- Infographic（信息图版）
- Creative（创意版）
在 vue-resume 中，可以使用以下代码来加载不同的模板：
new vueResume({
template: 'modern' // 现代版模板
});简历数据
vue-resume 通过简洁的数据格式，使得我们能够快速的生成个性化的简历。
-- -------------------- ---- -------
----------- -
----- ------ ----
------- --------------------------------
-------- -
------ --------------
------ --------------------
--------- ---------- -------
-------- --------------------
--
------- -
------ ------- ------ ----
------ ------ ------ ----
------ ------------- ------ ----
--
---------- -
------ --------- -- ------- -- -------- --------- ------- --------- ---- ---- ------------ ----- -------------
------ ------- -- ------- -- -------- --------- ------- ----------- -- ----------- --- --------- ----- ------------
--
----- -
------ --------- ----------- -------- --------- ----- -------------
------ -------- --------- -------- ----------- ----- -----------
--
-------- -
------ ------- ------- -------- ----- --------------------- ----- -------------
------ --------- ---------- ------ ----- --------------------- ----- ------------
-
-完整示例代码
-- -------------------- ---- -------
----------
-----
------- ----------------------------- ------------
---- ----------------
------
-----------
--------
------ --------- ---- -------------
------ ------- -
----- -----------
------ -
------ -
------- --- -----------
----- -
----------- -
----- ------ ----
------- --------------------------------
-------- -
------ --------------
------ --------------------
--------- ---------- -------
-------- --------------------
--
------- -
------ ------- ------ ----
------ ------ ------ ----
------ ------------- ------ ----
--
---------- -
------ --------- -- ------- -- -------- --------- ------- --------- ---- ---- ------------ ----- -------------
------ ------- -- ------- -- -------- --------- ------- ----------- -- ----------- --- --------- ----- ------------
--
----- -
------ --------- ----------- -------- --------- ----- -------------
------ -------- --------- -------- ----------- ----- -----------
--
-------- -
------ ------- ------- -------- ----- --------------------- ----- -------------
------ --------- ---------- ------ ----- --------------------- ----- ------------
-
-
-
--
--
--
-------- -
------------- -
-------------------------------------- -- -
----- --- - --- ------------ ------ --------------------
----- --- - -------------------------
------------------------ - -------- ------------ ------------- ----- ------- -----------------
---
-
-
--
---------结束语
使用 vue-resume，再也不用担心生成 PDF 简历的烦恼了。只需要几行代码，就可以轻松实现个性化的简历生成。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005584281e8991b448d574f