[Vuejs]-How to load quasar framework Globally

by

3👍

Whenever you’re using any Quasar elements (eg. q-btn, q-select), you need to import and export it in your .vue file.

Example, for a <q-btn> to display, you might use
<q-btn > Confirm </q-btn>
But to display that, you need to include following into your .vue file. Like:

import {
     QSelect,
     QBtn
   } from 'quasar'
export {
     QSelect,
     QBtn
   } from 'quasar'

Like this, you will be registering all your components.

👤Darshan theerth

3👍

In my projects I import and use with components like this

import Quasar, { QBtn, QSelect } from 'quasar-framewok';

Vue.use(Quasar, {
    components: { QBtn, QSelect }
});

Only for test case import all

import Quasar, * as All from 'quasar';

Vue.use(Quasar, {
    components: All,
    directives: All
});

See Quasar docs

👤Maximilian Fixl

Leave a comment