Dynamic Components are simple but very powerful. Take a look at this pen I put together to see some different ways in which they can be used. Read through the comments carefully. See the Pen Vue.js Dynamic Components with Props, Events, Slots and Keep Alive by Patrick O’Dacre (@patrickodacre) on CodePen. Be Careful Not to […]
A common element in any UI is a list of checkboxes to toggle different options, filters, etc. Not long ago I worked on a large grid of data where checkboxes were used to toggle which columns would be displayed in the grid. These selections were also saved in the database, so a user could save […]
In this post you will learn how to do the following: Pass required data on a route change to a route component. Pass optional data on a route change to a route component. Use that same component as a child component that uses required data Use that same component as a child component that users […]
Navigation Guards are a very useful tool, and will allow you to pull off some really complicated UI work. Guards & Hooks Looking at the documentation here, you see that Vue Router offers a series of guards and a single hook. Each guard and hook allow you to interject some work at specific points as […]
Vue Router is powerful and simple to use. In this sample project, you’ll see how to create named views and routes to easily manage your UI.
Use Vue.js components to manage scope while nesting lists of data. Nested list rendering is pretty simple, but it requires some planning.
Part 2 – Integrating with Airtable’s Study Guide Template. We expand on our last project by adding the ability to edit our study cards.
Create, Update and Delete Study Cards using Airtable. Airtable offers a free, spreadsheet-like database with an easy API and loads of great templates. It’s perfect for building practice apps.
Our goal is to create a simple app to display a list of posts from a WordPress.com blog. Clicking on any of the post titles in our list will open the full blog post in another section of the page. Resources Vue.js Simple Blog Reader on Github https://vuejs.org/v2/api/ Official Vue Guide The Vue Instance The […]