markdown 答：Vue.js（Egghead）

Posted 2021-05-06

# [Learning] Develop Basic Web Apps with Vue.js (Egghead)
 
## 1. Create a Basic Component using Vue.js

1. goto codepen.io
2. using v-html
3. ref : [codepen vue-html](https://codepen.io/artdvp/pen/GvpKwQ)

## 2. Create a List Component in Vue.js

1. goto codepen.io
2. using methods
3. ref : [codepen vue components](https://codepen.io/artdvp/pen/yoYLxa)

## 3. Create Filters in Vue.js

1. goto codepen.io
2. using filters
3. ref : [codepen vue filters](https://codepen.io/artdvp/pen/yoYLxa)

## 4. Use Vue.js Component Computed Properties

1. goto codepen.io
2. using Component Computed Properties
3. ref : [codepen vue Component Computed Properties](https://codepen.io/artdvp/pen/Bdoyjo)

## 5. Use Vue.js Watchers to Respond to Async Updates

1. goto codepen.io
2. using Watchers to Respond to Async Updates
3. Using Lodash
4. ref : [codepen vue Watchers to Respond to Async Updates](https://codepen.io/artdvp/pen/prjJrq)

## 6. Update Attributes, Classes and Styles in Vue.js with v-bind

1. goto codepen.io
2. using v-bind Class
3. ref : [codepen vue Update Attributes, Classes and Styles in Vue.js with v-bind](https://codepen.io/artdvp/pen/WEQvBm)

## 7. Conditionally Render DOM Elements in Vue.js

1. goto codepen.io
2. using v-if else
3. ref : [codepen vue conditionally Render DOM Elements](https://codepen.io/artdvp/pen/qXbNoX)

## 8. Handle DOM Events  with v-on

1. goto codepen.io
2. using v-on
3. ref : [codepen vue Handle DOM Events  with v-on Elements](https://codepen.io/artdvp/pen/MvKePy)