Author: Code Maze

Creating Vue.js Client Side – Using ref Keyword to Reference Components (Details and Delete Components)

Creating Vue.js Client Side – Using ref Keyword to Reference Components (Details and Delete Components)

Posted by | Sep 17, 2018 | ,

In the previous part, we have learned how to create and listen to events. We have implemented functionality for all three buttons which emit custom events named details, update and delete and now we are going to implement functionalities for these events. Preparing the Project Routing and Navigation Axios HTTP Client and Environment Files Creating Components and Displaying Data from Backend Components Props and Events Details and Delete Owner Components (Current article) Create and Update Owner Components This article is part of the series For the complete series navigation visit: Vue.js Series. To download the source code for this...

Read More
Creating Vue.js Client Side – Components Props and Events

Creating Vue.js Client Side – Components Props and Events

Posted by | Sep 10, 2018 | ,

We have implemented everything that we have learned so far, from navigation and API services to data display. It’s time to dive deeper into more complicated things which we are going to make easy to understand. We are going to make an additional component and then show how communication between parent-child components works. Preparing the Project Routing and Navigation Axios HTTP Client and Environment Files Creating Components and Displaying Data from Backend Components Props and Events (Current article) Details and Delete Owner Components Create and Update Owner Components This article is part of the series For the complete series...

Read More
Creating Vue.js Client Side – Creating Components and Displaying Data from Backend

Creating Vue.js Client Side – Creating Components and Displaying Data from Backend

Posted by | Sep 3, 2018 | ,

We have learned how to create an API service and fetch data from the backend. Now, it’s time to display that data to a user and for that, we need to create a component. As we mentioned in Part 1 of this series, the Vue.js components consist of three parts: a template, a script and a style. After we create a component, we have various ways to use it. We can register it globally to use it in any other component. Otherwise, we can internally register it inside a single component and it will be available only in that...

Read More
Creating Vue.js Client Side – Axios HTTP Client and Environment Files

Creating Vue.js Client Side – Axios HTTP Client and Environment Files

Posted by | Aug 27, 2018 | ,

We have learned how to create Vue.js components and how to create and use navigation, but we are still missing one of the most important things in our project. It’s time to get some actual data from our backend and to display it in our components. To accomplish that, we need to use the HTTP Client library and because Vue.js doesn’t have its own, we are going to use Axios. Furthermore, we need to configure Axios to send requests to our backend server depending on the environment our application is on. Preparing the Project Routing and Navigation Axios HTTP...

Read More
Creating Vue.js Client Side – Routing and Navigation

Creating Vue.js Client Side – Routing and Navigation

Posted by | Aug 20, 2018 | ,

Right now, we have a working Vue.js application and we are ready to implement some functionalities in it. But before we start creating some great functionalities we are going to create the navigation to be able to navigate through our application. We already have vue-router in the application and we are going to use it to create new routes and connect it to the components. We are going to use the Bootstrap library to styling our components. Preparing the Project Routing and Navigation (Current article) Axios HTTP Client and Environment Files Creating Components and Displaying Data from Backend Components...

Read More