Sometimes, we want to define common constants in Vue.js.
In this article, we’ll look at how to define common constants in Vue.js.
How to define common constants in Vue.js?
To define common constants in Vue.js, we can create a module that export an object with the constant values.
For instance, in deliverMethods.js, we write
const DELIVERY = "Delivery";
const CARRIER = "Carrier";
const COLLATION = "Collation";
const CASH_AND_CARRY = "Cash and carry";
export default {
DELIVERY,
CARRIER,
COLLATION,
CASH_AND_CARRY,
};
to export an object with some constants.
Then in our components, we can import our constant file and use it by writing
import DELIVER_METHODS from "./deliverMethods";
console.log(DELIVER_METHODS.CARRIER);
Conclusion
To define common constants in Vue.js, we can create a module that export an object with the constant values.
