# Vue
# Vue Basics
# Template & Data
# Methods & Click Events
@click
# Click Even Modifiers
# Click Event Modifiers
# Conditional Rendering
v-if = "true/false"
v-if = "!showbooks"
// or
v-if = "showboo == false"
v-else
// using CSS
v-show
# Output Lists
v-for= "item in items"
# Attribute Binding
<a v-bind:href="url" >
// or
<a :href="url">
# Dynamic Classes
:class= "{fav: book.isfav}"
# Computed Properties
# In-Depth
# Template Refs
Assign a reference id to a child component or HTML elemnt using ref attribute to access laster.
<input ref="name">
$ref="name"
$refs.name
# Props
# Emitting Custom Events
# Slots
Use Slots to pass templates into reuseable components
v-slot:namedNamed slots