Vue.js 2 Cookbook

How to do it...

Create a new folder for your recipe and create a package.json file with the following content inside it:

{ "name": "recipe", "version": "1.0.0"}

This defines an npm project in our folder. You can, of course, use npm init or yarn init if you know what you're doing.

We will install Webpack 2 for this recipe. To add it to your project dependencies, run the following command:

npm install --save-dev webpack@2

The --save-dev option means that we will not ship the code for Webpack in our final product, but we will use it only for development purposes.

Create a new app directory and an App.vue file inside it.

This file will be a simple Vue component; it can be as simple as the following:

<template>  <div>    {{msg}}  </div></template> ...