We have seen how a single file component looks like and how it is used in a project. It is time to create a few, in a real-life scenario. Assume we want to create some kind of social network or forum, where users post their stories and experiences. To create our startup, we are going to need 2 forms, one for registration and login, and one page to display users' stories.
Before we begin, we'll include Bootstrap globally in order to be able to use its styles within all our components. To do so, we have to update our index.html
file:
index.html
:
<html> <head> <meta charset="utf-8"> <title>stories-classic-project</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.\ com/bootstrap/3.3.6/css/bootstrap.min.css"> </head> <body> <app></app> <!-- built files will be auto injected --> </body> </html>
Now that...