[_done20160226] vue

Watch User Created Playlist (12)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Make a request to an API with Axios in Vue

P

Render lists of data in Vue with v-for

P

Load Data from URL Params in Vue.js and Nuxt.js

P

Configure Named Routes in Vue.js and Nuxt.js

P

Add Custom Routes for Hidden Pages with Vue.js and Nuxt.js

P

Use Scoped CSS in Vue

P

Get Started with Vue Components

P

Get up and running with vue-router

P

Use basic event handling in Vue

P

Preload Data using Promises with Vue.js and Nuxt.js

P

Create Vue.js Layout and Navigation with Nuxt.js

P

Build Vue.js Apps with the Vue-CLI and Nuxt.js

P
vue tutorial about Make a request to an API with Axios in Vue

Make a request to an API with Axios in Vue

2:05 vue PRO

Let's see how to use the vue-axios NPM package to make a request to an API, and make use of the data returned.

vue tutorial about Render lists of data in Vue with v-for

Render lists of data in Vue with v-for

1:40 vue PRO

Let's write some example data and render it to our page with v-for, and then see how we can use the same directive to render the same component multiple times.

vue tutorial about Load Data from URL Params in Vue.js and Nuxt.js

Load Data from URL Params in Vue.js and Nuxt.js

3:18 vue PRO

URLs often reflect some bit of data that the page should load. This lesson walks you through adding a custom URL Param to the router then forwarding that Param to load data onto the page.

vue tutorial about Configure Named Routes in Vue.js and Nuxt.js

Configure Named Routes in Vue.js and Nuxt.js

1:02 vue PRO

As you create more and more routes, the paths become difficult to manage and concatenate the parts together as just a giant string. Using named routes allows you to reference the route by a simple string then pass in the params as an object. This lesson covers configuring named routes in Nuxt.js in the nuxt.config.js and the passing the named route to a router-link.

vue tutorial about Add Custom Routes for Hidden Pages with Vue.js and Nuxt.js

Add Custom Routes for Hidden Pages with Vue.js and Nuxt.js

1:08 vue PRO

Sometimes the pages/ directory structure doesn't meet your needs, so you'll need to customize your routes manually. Using the nuxt config and "hidden pages" you can map routes to view components without getting in the way of the default pages routing.

vue tutorial about Use Scoped CSS in Vue

Use Scoped CSS in Vue

2:09 vue PRO

Let's see how to apply both scoped and global styles to components in our project, and why we need to use the scoped attribute.

vue tutorial about Get Started with Vue Components

Get Started with Vue Components

1:17 vue PRO

Components are one of the most powerful features of Vue. Let's take a look at how to write our first components and make use of them in a parent component.

vue tutorial about Get up and running with vue-router

Get up and running with vue-router

3:14 vue PRO

How do we set up a simple app with its own routes with their own components in Vue?

vue tutorial about Use basic event handling in Vue

Use basic event handling in Vue

2:18 vue PRO

Let's use a range of events and their modifiers to look at the cool ways we can deal with event handlers in Vue.

vue tutorial about Preload Data using Promises with Vue.js and Nuxt.js

Preload Data using Promises with Vue.js and Nuxt.js

2:23 vue PRO

Nuxt.js allows you to return a Promise from your data function so that you can asynchronously resolve data before displaying the page. This allows the server to fetch the data and render the page once it's ready.

vue tutorial about Create Vue.js Layout and Navigation with Nuxt.js

Create Vue.js Layout and Navigation with Nuxt.js

1:40 vue PRO

Nuxt.js enables you to easily create layout and navigation by replacing the default App.vue template with your own app.vue layout in a layouts directory. Then you simply surround your content (the <nuxt> instance) with your navigation and/or layout and you're ready to go.

vue tutorial about Build Vue.js Apps with the Vue-CLI and Nuxt.js

Build Vue.js Apps with the Vue-CLI and Nuxt.js

2:48 vue PRO

The vue-cli allows you to easily start up Vue projects from the command line while Nuxt.js enables a page-based routing system that follows your file structure. Combine these two projects and you'll have a Vue app created from scratch deployed in a matter of minutes.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?