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