Vue Article Index

Thank you for your continued support.
This article contains advertisements that help fund our operations.

I've created a table of contents to make it easier to find what you want to know about Vue-related articles.

I aim for concise articles in a Q&A format!

Please take a look at various things!

Vue Udemy Course Review

Is "Vue.js 3 Beginner's Edition! Web Development without jQuery" Recommended? [Udemy Review]

Understanding Vue

Distinguishing between two types of configurations: LaravelAPI and Vue

Vue Environment Setup

How to authenticate APIs with Laravel (Sanctum) and Vue (Nuxt)

Setting up Laravel + Vue.js + Vue-Router + Vuetify Environment

How to introduce Vuex into Laravel

Solution for when axios POST fails in Laravel and Vue environment

Basic Writing

Using Vue's Computed Properties

Changing parent component data in Vue.js using 'emit'

Usage and basic writing of Vue Props

What is v-bind in Vue? Basic usage explanation

Using filters in Vue.js (Javascript) to extract data from arrays based on conditions

How to determine if the first character of a string is a specific character in Javascript (Vue.js)

How to specify brackets and variables for variable properties in Javascript

Explaining how to use Vue's v-if for beginners

How to get the event of a button pressed in Vue

Routing

Setting up a back button in Vue.js using VueRouter

Form (axios for posting)

Basic samples of axios get and post in Vue

How to POST (send) arrays with FormData in Vue and Laravel

How to send parameters with axios in Laravel × Vue

Authentication

Vuex

How to use mapActions and mapMutations in Vuex

Defining Vuetify's Snackbar in Vuex for reuse anywhere

How to separate store processing in Vue.js

Troubles in passing data after dividing store into files in vuex resolved with rootState

Vuetify

If you're going to create a personal app with Vue.js, use Vuetify (UI component library)

How to use v-dialog in Vuetify

How to center v-col, v-select, and v-btn in Vuetify

Introduction to useful components of Vue.js + Vuetify ① Snackbar Edition (useful for login and posting effects)

Displaying data obtained from API using Vuetify's v-calendar

How to submit images with Vuetify's v-file-input

How to display character count in v-textarea and v-text-field in Vuetify

Changing height with v-textarea in Vue.js using line breaks

Transition

A concise explanation of how to use Vue's Transition

Transitioning when adding to an array in Vue

Testing

Testing Vue with Jest in Laravel

Bug Fixing

How to resolve 'Module parse failed Unexpected token' when chartjs isn't working?

How to resolve '$createElement' of undefined in VueRouter

Resolving issues where v-icon doesn't work in Vuetify

How to resolve deployment data not updating in Nuxt.js

Resolving issues where VueClipboard can't be used in v-dialog

Error occurs when trying to rewrite data in Vue's Computed

Resolving 'V-file-input Array not String' issue in Vuetify

How to create a Nuxt3 project (commands only)

Using Nuxt3 routing and dynamic routing

How to use .env in Nuxt3

How to fetch data from API using

Tips

How to determine if it's a smartphone or Android in Vue

How to adjust the length vertically and horizontally in Chartjs in Vue

Miscellaneous

I'm doing Vue.js + firebase on Udemy. Taking notes because Vuetify has changed.

How to pass array data from Laravel blade to Vue component

Please Provide Feedback
We would appreciate your feedback on this article. Feel free to leave a comment on any relevant YouTube video or reach out through the contact form. Thank you!