BooleanBabee

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.

Started a class on Vue.js and I'm really excited to keep learning. I like that there are a few more rules in Vue compared to React which is one thing I don't like about React because its kind of a free for all. I like having best practices in a language, I'm someone who really needs some rules.

My learning objectives for this course are:

- Gain an understanding of all parts of a Vue component and building a component tree

- Learn the different ways of managing state in a vue applications

- Learn techniques to make your code modular & reusable in the Vue ecosystem

- Learn to leverage the Vue router to create Single Page Applications(SPAs)

- Conform to Vue best practices as outlined by the Official Style Guide

-Build a portfolio by deploying all apps

I completed a practice exercise on code sandbox you can see here https://github.com/molliegoforth818/HOV-day1 where I learned how to

- Create a single file component

- Declare state in a component using data

- Dynamically render text in a template

- Define a method on a component and call it from the template

- Conditionally render parts of your template