vue 实现 tomato timer（蕃茄钟）

近期在学习【时间管理】方面的课程，其中有一期讲了蕃茄工作法，发现是个好多东西。蕃茄工作法核心思想就是：工作25分钟，休息5分钟。如果您好了解更多可以自行度娘。 在加上本人是一个程序猿，就想用程序的方式来表达对此工作法的敬意。因此就产生了用vue实现一个tomato timer的想法。演示地址

一、vue如何实现他的

1. 依赖的包

"devDependencies": {  "babel-plugin-lodash": "^3.2.11",  "babel-preset-es2015-rollup": "^3.0.0",  "babel-preset-latest": "^6.24.1",  "rollup": "^0.41.6",  "rollup-plugin-babel": "^2.7.1",  "rollup-plugin-commonjs": "^8.0.2",  "rollup-plugin-node-resolve": "^3.0.0",  "rollup-plugin-replace": "^1.1.1",  "rollup-plugin-vue": "^2.4.0" }, "dependencies": {  "iview": "^2.0.0-rc.19",  "lodash": "^4.17.4",  "vue": "^2.4.1",  "vuex": "^2.3.1" }

1. aloneIndex.js和Index.js都是此模块的入口，index.js是用于对接本人实现的vueManager中后端管理平台，而aloneIndex.js则是让tomato timer能单独运行。
2. 本项目实现了数据与视图的解藕，也就是.vue文件中不在直接操作store（存储层），而是调用service层提供的方法来进行中转。

3. 实现中遇到的坑

1. rollup对lodash的shaking tree无效
   

    

   海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

   

   原标题：vue 实现 tomato timer（蕃茄钟）

   关键词：VUE