vue Archives - Code Rethinked

Integrating backend in Vue applications with a proxy

November 16, 2020 by Karthik Chintala

In this post, we will see how to integrate a backend in a Vue application and set the backend under a proxy url. By the end of this post, you should understand How to integrate backend in a vue application? How to setup proxy url in the vue configuration? Understand and solve the 404 error … Read more

How to Mock an AXIOS call with Jest in vue tests utils

May 28, 2021May 4, 2020 by Karthik Chintala

Mocking an axios API call in Jest with vue test utils

In this post, we will see how to mock an Axios call with Jest in vue-test-utils library. For this article, let’s create a Posts.vue component which will call the JSONPlaceholder’s /posts API. The /posts API will return an array of objects. Each object in the array is a post with id, title and body. Here … Read more

Setting up unit tests In Vue With Jest framework

April 13, 2020 by Karthik Chintala

For unit testing Vue projects, VueJS created a utility project for testing Vue apps. So, the utilities will create the configuration for running tests. We can test any Vue project in Karma, Jest or Mocha + webpack. If you are creating a new project with Vue CLI, you can set up Jest/Mocha tests by configuring … Read more

How to read/write to computed properties?

February 8, 2020February 7, 2020 by Karthik Chintala

reading and writing to computed properties in vuejs

We’ll create a computed property if we want to re-render the text/value based on the property change. We will use the computed property in the template section of the vue file(s).

3 different ways to access constants in a Vue template

February 9, 2020December 19, 2019 by Karthik Chintala

different ways to access constants in vuejs featured image

In this post, I’ll show how to access a constant in the vue <template> tag.

If we consume the constant directly in the vue template we’ll get an error when compiling the app.