Saltar al contenido

Cómo declarar una variable global en Vue.jsSep, 6thIn este tutorial, vamos a aprender acerca de cómo declarar un mundial …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo declarar una variable global en vuejs con la ayuda de un ejemplo.

A veces tenemos que acceder a los datos particulares de todos nuestros componentes de la aplicación en estos casos podemos crear una variable global en vuejs mediante el uso de esta sintaxis Vue.prototype. $ Nombredevariable.

donde $ es una convención de nomenclatura para declarar variables globales.

Declarar una variable

En este ejemplo, estamos declarando una variable global $ axios por lo que podemos utilizar directamente axios en nuestros componentes para hacer peticiones http.

abierto que main.js archivo y agrega el siguiente código.

import Vue from 'vue'
import App from './App.vue'
import axios from 'axios'

//global variable
Vue.prototype.$axios = axios

new Vue({
render: h => h(App),
}).$mount('#app')

Acceso a la variable global

Ahora podemos acceder a $ axios variable global desde cualquier instancia de componente. salida