Intro to Vue.js

A collection of pens aimed at showcasing a quick intro to the framework

_ackzell

ackzell

Hello world!

Importing a CDN version of the framework. 

Directives

Some built in directive examples

Methods, computed & watchers

Three concepts that are very handy

Methods

Just methods

Computed Properties

Just computed properties

Watchers

Just watchers

Filters

These are useful sometimes

Components

Part I

Components

Part II

Events

A communication option

Lifecycle Hooks

Every component goes through this

Mixins

Extending functionality

Custom Directives

Lower level DOM manipulation

Slots

Part I

Slots

Part II

Transitions

Vue Intro Codepen Collection

By Axel Uriel Martínez Castillo

Vue Intro Codepen Collection

A Collection of pens in slideshow form. They are not tightly coupled, but looking at them in order is preferable since some of the code builds on the idea that you understand other concepts described in previous pens.

  • 1,108