Published in techferment·Nov 1, 20218. The Vue RouterVue.js is a reactive javascript framework, which is used to build UIs(User Interfaces) and SPAs(Single-page Applications) and developers love to code and feel freedom and comfort while developing applications in Vue.js. For routing purposes, Vue.js does not provide the built-in routing feature. But there is an official third-party library with…Vue3 min readVue3 min read
Published in techferment·Jul 13, 20217. Data Flow between Components in Vue.jsJust like any other application, the Components organization goes like a nested tree. For example, a simple website that includes a header, sidebar, and some other components in a container. The organization of the component would be like this.Vue4 min readVue4 min read
Published in techferment·Jul 12, 20216. Vue ComponentsIn Vue.js, Vue Components is one of the important features that create custom elements, which can be reused in HTML. Vue Single Components consist of 3 parts: template tag: for defining HTML Code script tag: for defining JavaScript Code and inside script tag there we’ll be a Vue instance where…Vue2 min readVue2 min read
Published in techferment·Jul 11, 20215. Vue CLIFor large-scale applications with Vue.js, it is recommended to install using the Vue CLI. To install using CLI, we need to have CLI installed which is done using the following command. But before you need to install Node.js …Vue3 min readVue3 min read
Published in techferment·Jul 9, 20214. Conditional Directives and List Rendering With Vue.jsIn Vue.js, you can show or hide the HTML Elements based on Conditional fundamentals. Vue.js provides us with a set of core directives to achieve this effect: v-if, v-else, v-else-if. v-if directive with the v-if directive, you can add or removes HTML Elements based on the given expression. <div id="app">…Vue3 min readVue3 min read
Published in techferment·Jul 2, 20213. Using v-model for Two-Way Binding and Dynamic Style and Class in Vue.jsTwo-Way Binding Two-way binding is a powerful feature that, if used properly, can speed up your development process. It reduces the complexity of keeping user input consistent with the application data model. Do check out the video tutorial on Two Way Binding here. The v-model directive updates the template whenever the model…Vue2 min readVue2 min read
Published in techferment·Jul 1, 20212. Vue Events Handling and MethodsEvery Vue.js application starts by creating a new Vue instance and you can create Vue Instance by usingnew Vue({}) and inside you can pass lots of properties. With data (Object) property used to store the data for the Vue instance. …Vue2 min readVue2 min read
Published in techferment·Jun 30, 20211. Getting Started with Vue.jsThis is an article for absolute beginners to Vue.js. You can also check out the video tutorial of Vue.js at TechFerment. What is Vue.js? Vue.js is an open-source front-end JavaScript framework for building user interfaces and single-page applications. Plus, it contains a Vue Router built-in with it. …Vue3 min readVue3 min read
Published in GDG Jalandhar·Apr 15, 2020Aura App v3.1.1 released today!Today we’re happy to announce that Aura App v3.0.1 was Added to master! ⚡️Live demo • 👩💻 GitHub • 🚀 Getting started 📽 Setup Video What is Aura? Project Aura App is the Web App that helps you to set Tech Communities with events, team, and management in a few minutes. The web…Gdg Jalandhar2 min readGdg Jalandhar2 min read
Published in CodinGurukul·Dec 14, 2019Intro to Web 101If you are new in Web or you want to start your career in Web Technologies. This article will help you to know more about web technologies and their development. Let’s start with 3 basic terms Website Web Browers Servers Websites In General term, Collections of web pages is call websites…Web Development5 min readWeb Development5 min read
