Full-Stack Web Development with Vue.js and Node

Building the Real Application Chapter 5 router, template: '<App/>', components: { App }, }); The first three lines import ...

Building the Real Application Chapter 5 Redefining the home page Let's make our own view page for the home. For this, we can jus ...

Building the Real Application Chapter 5 The main.css will be our main CSS file that includes all other CSS components. We can di ...

Building the Real Application Chapter 5 We will be using both Vuetify and Bootstrap combined when building the application. The ...

Building the Real Application Chapter 5 Vuetify uses material icons well, so also import the fonts. Add the following line of co ...

Building the Real Application Chapter 5 Redesigning the home page In our App.vue, replace the file content with the following co ...

Building the Real Application Chapter 5 <script> import './assets/stylesheets/main.css'; export default { data: () => ( ...

Building the Real Application Chapter 5 </v-layout> </template> Now, if you visit http://localhost:8080/#/, you shou ...

Building the Real Application Chapter 5 Now, visit http://localhost:8080/#/contact and you should be able to view both pages. To ...

Building the Real Application Chapter 5 We should be able to see something like this when we visit the URL http://localhost:8080 ...

Building the Real Application Chapter 5 The class used here is a directive for HTML language. Similarly, Vue.js also provides a ...

Building the Real Application Chapter 5 If we visit the URL (http://localhost:8080/#/), we can see the following: v-on This dire ...

Building the Real Application Chapter 5 return { message: 'Hello there, how are you this morning?', }; }, methods: { reply() { t ...

Building the Real Application Chapter 5 When you click REPLY, you will see the following: These are the directives that we will ...

Building the Real Application Chapter 5 <v-btn color="primary" v-on:click="reply">Reply</v-btn> </v-flex> < ...

Building the Real Application Chapter 5 </v-card-title> <v-card-text> It's been nearly two years since Superman's (H ...

Building the Real Application Chapter 5 <v-card-text> Luke Skywalker's peaceful and solitary existence gets upended when h ...

Building the Real Application Chapter 5 on the beaches of Dunkirk. Under air and ground cover from British and French forces, tr ...

Building the Real Application Chapter 5 #inspire { font-family: 'Avenir', Helvetica, Arial, sans-serif; } .container.fill-height ...

Building the Real Application Chapter 5 <v-toolbar color="indigo" dark fixed app> <v-toolbar-side-icon @click.stop="dra ...