Scroll to top

vuejs

Posted by Chandana Chaitanya
October 29, 2018

6. Data binding Part 2 (Attributes)

In our previous article, I gave you something to think about. Remember? Attribute binding! Time to take a deep look into it. As we all know, examples help us understand the concept in an easier way. So, what are we waiting for? Imagine we have an anchor tag and we would like to bind a link to the href attribute. Let’s try doing it using the text interpolation technique (template syntax) and check the result.

Read More
Posted by Chandana Chaitanya
October 21, 2018

5. Data binding Part 1 (Text, raw HTML, JavaScript expressions)

I am so excited today as we are going to discuss some of the most interesting data binding techniques in Vue.js. It is necessary to understand that we are provided with more than one way to bind the DOM with the underlying Vue instance’s data object.

Read More
Posted by Chandana Chaitanya
October 5, 2018

4. Vue Devtools Setup

Warning: Once you have discovered how to use Vue Devtools extension, you will never want to come back to the normal world. It makes debugging so much easier by providing a user-friendly representation. Not just that, installing it in the earlier stages will help you understand how Vue works under the hood by inspecting each instance and speeds up your entire learning and development process. It is available as a browser extension for both Chrome and Firefox. Without further ado, let us take a stab at it by installing Vue devtools in chrome browser. Let’s get started!

Read More
Posted by Chandana Chaitanya
September 29, 2018

3. Introduction to Vue directives

Today we will be touching the surface of what Vue directives are all about. First things first. What are directives? These are special instructions that change the behavior of the HTML elements when attached to them. In other words, these are special attributes attached to the HTML elements which change the behavior and provide control over the DOM based on the value of its expression.

Read More
Posted by Chandana Chaitanya
August 3, 2018

2. Template syntax and a glimpse into Reactivity

Hey! Welcome to yet another interesting article on Vue!! We are not just going to see about template syntax but also take a glimpse into Vue's reactivity. This will seem just like a continuation of our previous article, “Hello World with Vue.js”. So make sure you give a quick glance to refresh your memory with whatever we discussed so far. Refer to the code in the GitHub repo. Remember how we rendered data to the DOM using two curly braces in our HTML code? Let us dive deep into it to understand how Vue works under the hood.

Read More
Posted by Chandana Chaitanya
July 27, 2018

1. Hello World with Vue.js

Hi, Rockstars (Music not included though)! Excited to dive into the World of Vue.js? Then what are we waiting for?! Good News: It is laughably simple to get started with Vue. Let us keep our GOAL pretty simple today. Following the age-old tradition, let us aim to display the message, “Hello World” on our webpage using Vue.

Read More
Posted by Chandana Chaitanya
July 21, 2018

Hey Vue? What’s up? What’s the deal?

You guessed it right. In this Vue Js tutorial, We are going to talk about Vue.js. A lot! Just pronounce it like the word, “view”.

What is Vue.js?

In simple words, Vue is a progressive JavaScript framework for building user interfaces on the web. You might be thinking why you should learn yet another JavaScript framework when there are already the big ones like Angular, React, Ember, etc. There are a lot of differentiating factors here and one of them is, Vue being a progressive framework.

Read More