keerthanak-tw / vue-js-basics Goto Github PK

The project contains small demo that helps to understand basic elements of Vue JS. The content is taken from the official website. The explanations can also be found on the same website.

The purpose of this project is just to cumulate all the data and resources so that it would be easier to keep track.

The basics section covers:

1. Hello Vue
2. Declarative rendering
3. Conditional rendering
4. Looping
5. Event handling
6. Components

We can install Vue CLI using npm. Run the following command to install Vue on local machine.

npm install -g @vue/cli

Once this is done, you could get a boilerplate code by running the following command.

vue create <app-name>

The app created in this way can be found at application 1 (Tutorial can be found here). The bootstrap library, where we can get the form elements, layouts etc., is used to develop the components.
Check out application 2 to find out how routers and vuex (state management) is used in Vue JS.