{
const aaa = 666
return { aaa }
},
template: `<div>{{aaa}}</div>`,
??? style: {
}
}
Нет, scoped стили работают через сборщик, для них нужен SFC, где будет работать PostCSS плагин
Если настроен сборщик, то можно просто импортировать css файл
без сборки - https://unpkg.com/vue@3/dist/vue.esm-browser.prod.js
тогда только такая же работа с CSS, как обычно в HTML документе
Компонент не СПА. Как в нем использовать стили в темплейте? Желательно через импорт стиля. тег стиля игнорируется похоже (( import { reactive } from 'vue' const template = ` <style type="text/css"> .ddd { color: red; }. </style> <div class='ddd'>{{ store }}</div> ` export default { setup() { ... return { store } }, template: template, }
почему просто не написать по бему классы в глобальном css?
к большому проекту прикручиваю сбоку виджет. его стили должны в нем остаться. снаружи нафиг ненужны
Если нет сборщика, то нет никакой возможности в JS подключить CSS код, кроме как просто подключать элемент. Так что тут просто по старинке - .css файлы и <link>
Обсуждают сегодня