Vue

How to hide or show details using v-if and v-show directive in Vue JS

Conditional rendering can be achieved using v-ifConditional display can be achieved using v-show First create a vue project using vue cli Now change directory start the server Lets start building the VUE component inside src/components/showHide.vue Remove HelloWorld.vue component and register showHide.vue component in App.vue Your showHide.vue component will look like this:

How to check Vue js version

There are few ways to check vue js version: npm v vue run this on the terminal Check package.json, code will be something like this If you have vue dev tools installed then go to the Vue tab and you should be able to see the version there

How to resolve esm-bundler build warning when running vue 3 and laravel 8

When running npm run watch below warning is displayed: Warning details: You can add below code in webpack.mix.js to the get rid of this warning Used Define Plugin to set two flags – https://webpack.js.org/plugins/define-plugin/ VUE_OPTIONS_API (enable/disable Options API support, default: true)VUE_PROD_DEVTOOLS (enable/disable devtools support in production, default: false)

Movie search application using Vue JS and Laravel framework using OMDb API – The Open Movie Database

A laravel movie search application using Vue JS, Vue Composition API and OMDBAI API. OMDBAI is used to fetch the movies data from https://www.omdbapi.com/ Requirements Installation You will need to gety API key from the OMDb API and update in /resources/js/components/movieapi/movie-api.js file Once you are done with the above steps, now its time to start building the movie …

Movie search application using Vue JS and Laravel framework using OMDb API – The Open Movie Database Read More »