When working in the Vue 3 Composition API, there are brand new ways to access component functionality. In this article, we’ll be taking a look at the setup function’s context argument.

These changes are necessary because, in the Composition API, we don’t have the same reference to this as we do in the Options API.

In the Options API, we could call console.log(this) in any of the options and get a reference to the component itself - giving us access to its props, computed properties, data, and more.

export default { 
  props: { lastName: String, }…

The Single File Component Styles RFC gives us Vue developers a way to use a component’s reactive data as CSS variables.

In just one simple syntax, we can update styles at runtime in Vue 3.

This proposed change takes full advantage of CSS variables, which most modern browsers support, and Vue 3’s reactivity library. Combining the two gives us an easy way to update our styles using our component’s data.

In this guide, we’ll take a look at how we can use these SFC styles, how it works under the hood, and then some advanced knowledge from the RFC.

Ready…

Let’s speak it into existence. This summer, I will grow my main website — LearnVue.co — to over 100,000 monthly pageviews by August 2021. In this article, I’m going to dive into some specific and actionable ways that I intend to make this happen and I hope to give you some ideas for your content strategies, at the same time.

If you’d rather watch a video — here you go…

Still reading? Alright “the book was better” people, let’s start with a little background on where LearnVue stands right now:

LearnVue.co’s current traffic

LearnVue.co teaches web programming to thousands of developers every…

If you’ve been working in Vite and Vue 3 recently, you’ll notice that when you start a new project, your script section looks like this with this syntax in your Vue components.

You may be wondering, “What is this? Is this the Options API? Composition API? Where’s the setup method?”

The <script setup> type is a proposed change in Vue’s Git RFCs. To be clear, this is not intended to completely replace any of the current ways to write code. Its purpose is to provide developers with a more concise syntax to write their single file components.

In…

Seriously — I doubled my website traffic without writing any new blog posts.

As a matter of fact, I actually ended up with less blog posts now when I started, and we’re going to look at why.

So long story short, the way that I was able to do this on my first blog — LearnVue.co — was that instead of creating new blog posts, I really took a look at the existing content on my site and just made it better — I optimized it for search targeted, better keywords, and other SEO.

However, more important than SEO…

In Vue, there are two ways to conditionally render parts of your app: v-if and v-show.

You may be wondering, “Why do we need two ways to this?”

And this is a fantastic question, and definitely one that I had when learning Vue. And the answer is because even though these directives have the similar end results, the way they conditionally show your content works differently.

In this tutorial, we’ll take a look at what conditional rendering is, how v-if and v-show work, and when you should use each one.

Alright, let’s jump right in.

So what even is conditional rendering?

Conditional rendering is the ability…

Axios is one of the most popular HTTP request libraries for Javascript, and it’s commonly used to call APIs inside of Vue apps.

In this article, we’re going to be making a Kanye West Quote Generator using Axios in a Vue 3 app. Not only are we going to get some deep inspiration from Ye himself, but we’re going to learn how to connect our Vue apps to APIs and even learn how to better organize your Vue project with reusable API calls.

Let’s jump right into the code.

Setting Up Our First Basic HTTP Request

The first thing we have to do is install Axios into…

I’ve been making content online ever since I was 9: programming websites, posting my side projects, anything really. And for a majority of that time nobody saw it. not because it wasn’t public, just because no one was interested.

But safe to say since then, I’ve learned a couple of things about finding your audience online.

Most recently with my site, learnvue.co, i’ve been able to grow to thousands of views a day.

In this post, i want to focus on learnvue’s first month — where it got over 10K views as a brand new website.

But first, let’s…