Here are three screenshots showing the starting, playing, and finishing phases of the game:

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/how-to-build-a-game-with-vue-js/images/game_start.png
    

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/how-to-build-a-game-with-vue-js/images/game_progress.png

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/how-to-build-a-game-with-vue-js/images/game_finish.png

Now it’s time for action. To follow along with this, you’ll need to have Node, npm and Vue CLI installed on your system.

To install Node (and by default npm), you can download the binaries for from the official website , or use a version manager . This is probably the easiest way, as it allows you to manage multiple versions of Node on the same machine.

How to Build a Game with Vue.js

Preface

One the reasons I like Vue.js so much is that it can be used in a wide variety of scenarios and can be integrated into many different kinds of projects. So to me, Vue is a universal, multipurpose framework. In this aspect, it reminds me of the Python programming language, which is also easy to learn and use, and can be applied in many areas.

How to Build a Game with Vue.js

Getting Started

Community Questions