In this tutorial, you will get your hands dirty with Vue.js by building a simple blog. The blog will have a form that allows you create a post. However, the post that will be displayed on the blog will be retrieved from a resource available online.
Sounds like fun? Let us get busy.
Start by running the command:
vue init webpack blogapp
Now migrate into the newly created folder and run the command to install your modules.
This will install all the modules listed in your package.json.
Now start up your dev server to see what you have. Simply run the command below.
npm run dev
First, create a new file called addBlog.vue in your src/components folder. This file you are creating is called a component.
Components are used to extend basic HTML elements to encapsulate reusable code. This component will handle the creation of new blog post. Here is how the file should look.
Add a New Blog Post