получается em подстроиться под мой line-height?
line-height у меня может динамически меняться
.style.setProperty('--line-height', lineHeight)
, а всё остальное уже в css через var(--line-height)
и calc
. <InPUt />
, нет, не стоит этого делать:))shallowReactive
вместо reactive
, но тут я ничего не гарантирую, либо таки не изменять исходные объекты, а делать их копии перед работой с ними: cloneDeep
из lodash
или руками. pagesStore[index] = page;
pagesStore
неявно становится реактивным при присвоении к data
, однако в vue 2 из-за ограничений механизма гетттров не работает реактивность для присвоения по индексу массива. Чтобы заработало - надо явно использовать Vue.set(pagesStore, index, page)
или использовать .splice
.Proxy
, однако pagesStore
- не реактивен, т.к. присвоение массива в data
никак не меняет исходный массив. т.е. перенести код который работает со стором из js файла во vue?
pagesStore
у тебя не реактивный, его изменения никак не регистрируются vue. this.pages = this.$pages.getAllPages()
- присвоение неявно превращает массив pagesStore
в реактивный, дальнейшие изменения в нём уже будут отслеживаться.pagesStore
всё ещё остаётся не реактивным, любые изменения в нём никак не отражаются на vue.const pagesStore = Vue.observable(JSON.parse(pagesJson));
const pagesStore = reactive(JSON.parse(pagesJson));