Блог

Главная - Вопросы по программированию - После установки Quasar в существующий проект Vue, как вы используете компоненты quasar в проекте?

После установки Quasar в существующий проект Vue, как вы используете компоненты quasar в проекте?

#vue.js #quasar-framework #quasar

Вопрос:

Я пытаюсь использовать квазар в уже существующем проекте Vue 3. Когда я пытаюсь использовать что-то столь же простое, как <q-btn"> импорт фреймворка quasar, страница закрывается? Там нет /quasar.conf.js подать только quasar-user-options.js с объектом конфигурации и плагинов в нем. Пожалуйста, помогите, я новичок в Vue и Quasar.

квазар-параметры пользователя:

 import './styles/quasar.scss'
import '@quasar/extras/material-icons/material-icons.css'

// To be used on app.use(Quasar, { ... })
export default {
  config: {},
  plugins: {
  }
}

Добавить сотрудника.vue

 <template>
    <Navbar/>
    <h1>Add Employee</h1>
    <q-btn color="primary" label="With Tooltip" class="q-mt-md">
      <q-tooltip class="bg-accent">I'm a tooltip</q-tooltip>
    </q-btn>
</template>

<script>
import Navbar from '../components/Navbar.vue'
import Quasar from "quasar-framework/dist/quasar.mat.esm";
import "quasar-framework/dist/umd/quasar.mat.css";

Vue.use(Quasar);

export default {
components: {
      Navbar,
      QBtn
    }
}
</script>

<style>

</style>

Комментарии:

1. Если вы хотите добавить возможности Quasar непосредственно в существующее приложение Vue, вам потребуется использовать официальный интерфейс командной строки. Я думаю, что способ, которым вы импортируете его, будет работать только в том случае, если вы хотите иметь приложение Quasar-Vue3 параллельно существующему приложению Vue3. Вы добавили Quasar с помощью плагина Quasar Vue CLI в соответствии с инструкциями ( quasar.dev/start/vue-cli-плагин ) и убедились, что у вас есть последняя версия интерфейса командной строки Vue перед установкой плагина Quasar? Какие варианты вы выбрали, когда/если вы это сделали vue add quasar ? Если вы используете плагин cli, я бы рекомендовал сначала попробовать добавить его в шаблон vue по умолчанию.

2. Да, я добавил quasar, используя интерфейс командной строки Quasar Vue, как указано по ссылке. В настройках я не разрешал Quasar заменять App.vue и т. Д. Затем я выбрал Sass с синтаксисом SCSS и выбрал да для поддержки rtl. Как добавить плагин cli в шаблон vue по умолчанию? @InvisibleGorilla

Метки: ,