#learn vue

Today we live coded a ToDo List application today in Vue.js. The learning objectives were as follows 

Use multiple components

Render lists using v-for

Pass data to child components via props

$emit custom events to parent components

Use class binding to conditionally add CSS to an HTML element

Define computed properties on a component

You can view the project here https://github.com/molliegoforth818/HOV-day2-todo.

Vue.js Tutorial From Scratch – e16 – Auto Format Input Fields – VueJs

Vue.js Tutorial From Scratch – e16 – Auto Format Input Fields – VueJs

[ad_1]

A cool way to spice up your forms is to add some auto format to your input fields. Allowing your users to get automatic feedback on things like phone numbers that need to follow a particular template. In this lesson, we write a phone auto format component, from scratch.

For the best experience, follow along in our…

Vue.js Tutorial From Scratch – e08 – Custom Events Passing Data from Child to Parent Component – VueJs

Vue.js Tutorial From Scratch – e08 – Custom Events Passing Data from Child to Parent Component – VueJs

[ad_1]

Now that we have a nice modern npm and webpack build, let’s tackle getting our components to communicate. In Vue, this is done using custom events. We can emit an event on our child component and then listen for that event on our parent event. Follow along as we code a simple example from…