Какой способ лучше создать компонент vue (экспорт по умолчанию vs defineComponent vs новый Vue)
Изучив Vue.js в последнее время, я довольно запутался в том, как писать синтаксис компонента vue. Я продолжаю видеть учебные пособия на YouTube, а также статьи, и все используют разные подходы.
с точки зрения vue 3 должны ли мы использовать экспорт по умолчанию для создания компонента или экспортировать по умолчанию defineComponent или новый Vue ({
Итак, как выбрать правильный способ создания компонента приложения и остальных его дочерних компонентов и страниц и т. д.
Надеюсь, мой вопрос достаточно ясен.
Спасибо
Ответы 1
Если вам нужно создать несколько компонентов, я настоятельно рекомендую использовать Однофайловые компоненты (SFC)
Здесь вы определяете новый компонент как (внутри тега <script>):
import { defineComponent } from 'vue'
export default defineComponent({
// ...
})
(или export default {}, если не используется TypeScript)
Для основного компонента приложения вы должны сделать это:
import { createApp } from "vue";
const app = createApp(App)
app.mount('#app')
ИЛИ просто так, если вам не нужно расширять Vue с помощью vue-router, Vuex и т. д.
import { createApp } from "vue";
createApp(App).mount('#app')
А как насчет создания основного компонента приложения?
@SystemX Я добавил к ответу основной компонент приложения. Рассмотрите возможность использования решения vue scaffolding, такого как Vite или vue-cli.
Мы использовали vue-cli, я предпочитаю vite, но ведущий считает, что rollup-sfc - лучший выбор для библиотечного компонента.
Спасибо, так что в основном, если не машинописный текст, в defineComponent нет необходимости.