Ребята, а можно как-нибудь для всех компонентов в <style> импортировать саас, а не прописывать везде @import "./css/var.scss" (не пинайте, ньюфаг в этом)

Ребята, а можно как-нибудь для всех компонентов в <style> импортировать саас, а не прописывать везде @import "./css/var.scss" (не пинайте, ньюфаг в этом)

Можно, если прочитать документацию по vue-loader'у

Для кого актуальна моя проблема - курить https://vue-loader.vuejs.org/ru/configurations/pre-processors.html и https://github.com/vuejs/vue-loader/issues/328#issuecomment-302221120

Привет всем. Есть компонент в котором есть иконка <i ref="icon"></i>. В computed я у нее вычисляю this.$refs["icon"].getBoundingClientRect().x. Ну и Y тоже. Потом делаю обьект coords: {x, y}. Все отлично до того момента пока я не вешаю watch на coords или сами координаты. Сразу же вылетает ошибка что не найдены getBoundingClientRect. Я так понимаю что watch срабатывает до того как отрендерится DOM. Оборачивание в try не помогает, ошибка исчезает но реактивность пропадает, т.е. зависает значение которое отрабатывается в catch. Может кто сталкивался с подобным поведением? Как вобще реактивно получать данные из DOM правильно?

Как вариант vuex использовать можно. разработчики насколько я знаю вообще реф не советуют в реактивности юзать

Как вариант vuex использовать можно. разработчики насколько я знаю вообще реф не советуют в реактивности юзать

Я и юзаю вуекс, но мне надо узнать в компоненте его координаты, да и не в рефах дело, а в вотче который срабатывает до рендеринга. Вобщем закостылил некрасиво. Сделал флаг, в mounted() выставляю его в true, до этого false. По наличию флага уже читаю координаты. Но это что-то внутренне мне это кажется некрависым. Есть вобще в природе схема как жизненного цикла компонента, но чтобы там были последовательности как обрабатываются данные, а не события?

Подскажите, есть готовое приложение, интернет магазин. Нужно сделать сверху виджет, в котором бы отображалось количество покупок, а снизу прикреплена всплывашка, в которой товары, лежащие в корзине. Надо из всплывашки передавать данные в виджет, чтобы выводить их там. И таких мелких задач много. На vue такое можно сделать? Просто если пытаюсь использовать cli, то первый же компонент полностью заменяет собой всю страницу

Добрый день подскажите пожалуйста что означает capitalize в vuejs не могу блин найти именно по этой capitalize никакой инфы ((

судя по названию, это фильтр, включающий капс

может ли так случиться что капиталайз - это преобразование к заглавным буквам?

тобишь к капитальным

вот строка из компонента filters: { capitalize: function(str) { return str.charAt(0).toUpperCase() + str.slice(1) } },

ну, ретурн строку в апрер кейзе

capitalize это тоесть тупо переменная ?

функция

вася.капиталайз() вернет ВАСЯ

аа ну да понял спасибо , просто в разных примерах она почемуто одинаково называется "capitalize"

вернее Вася

Подскажите, есть готовое приложение, интернет магазин. Нужно сделать сверху виджет, в котором бы отображалось количество покупок, а снизу прикреплена всплывашка, в которой товары, лежащие в корзине. Надо из всплывашки передавать данные в виджет, чтобы выводить их там. И таких мелких задач много. На vue такое можно сделать? Просто если пытаюсь использовать cli, то первый же компонент полностью заменяет собой всю страницу

Жесть.. гляньте ив документации - самое начало. Подключение CDN и простое приложении.

Но в целом вы не сказали что за магазин на чем он написан

Еще toLowerCase вторую часть надо

А то в случае вАСЯ вернет ВАСЯ

магазин на Yii написан. В том то и дело, что там сейчас очень многое на первом ангуларе, а хочу все переделать на vue, соответственно думаю что простого приложения будет недостаточно, надо разбивку по компонентам

кроме того, в простом приложении, как я понял, нельзя передавать данные от одного модуля к другому

кроме того, в простом приложении, как я понял, нельзя передавать данные от одного модуля к другому

Можно. Но не суть

магазин на Yii написан. В том то и дело, что там сейчас очень многое на первом ангуларе, а хочу все переделать на vue, соответственно думаю что простого приложения будет недостаточно, надо разбивку по компонентам

Покажите ваш корневой index.js

вот три файла

Кто сейчас на KharkovJS?

вот три файла

Уберите рендер.

не помогает, пробовал. получается просто черный экран

прикрепляю к первому диву внутри body

Создайте просто див с айдишником отдельный. Укажите его в el

но ведь тогда он не будет распространяться на всю страницу? как вставить виджет?

Вы попробуйте хотя бы просто вывести где то данные

минуту

не выводит

так подключил

убрал рендер

сразу подсветило неактивным App

попробуйте в components запихнуть App

и вывести его в #app

все равно встроенные компоненты не рисуются

Хз, это ближе смотреть надо, как сборка устроена, что выкидует в консоли...

в консоли ошибок нет

в app подключен basketWidget. в коде

на месте <basket></basket>, как я понимаю, должен отрисоваться компонент

<basket-panel />

<basket-widget />

разве не name используется?

если есть, то используется name )

значит не работает непонятно почему)

спасибо за советы, сейчас должен отъехать ненадолго, вернусь продолжу мучаться)

Три дня не могу заставить работать

vuematerial.io или vuetifyjs.com

vuematerial.io или vuetifyjs.com

Второй

все равно встроенные компоненты не рисуются

И не будут....

element ui еще ничо

Если кто-то заметит что не так, напишите пожалуйста

И не будут....

не подскажешь, как сделать чтобы работало?

не подскажешь, как сделать чтобы работало?

Давай в личку

Скажите как правильно сделать Вот асинхронный метод ` getAllPosts:function () { this.$http.get(this.endpoint).then( function(response){ this.items=response.body.map(item=?{ title:item.title, body:item.body })) }, function (error) { }) } дальше var baseData = function () { this.getAllPosts(); };` и дальше вызываю alert(baseData) выдает "this.getAllPosts();" как мне получить то что он возвращает ?

а не название метода

ну вы ж this.items присваиваете данные, там как минимум надо function(response) заменить на response =>

эмм похоже я это вообще незнаю, скажитн где про эти стрелкт можно почитать ? от Шарпа сильно отличается :(

про спеки js почитайте, вы в том коллбаке создали другой контекст

Эмм а что такое спек ?

аа стрелки

все понял, почитаю

https://www.youtube.com/watch?v=u6Cv--A7m5k

Все понял спасибо большое , щас посмотрю

Скажите как правильно сделать Вот асинхронный метод ` getAllPosts:function () { this.$http.get(this.endpoint).then( function(response){ this.items=response.body.map(item=?{ title:item.title, body:item.body })) }, function (error) { }) } дальше var baseData = function () { this.getAllPosts(); };` и дальше вызываю alert(baseData) выдает "this.getAllPosts();" как мне получить то что он возвращает ?

this.getAllPosts - ничего не вернет в такой записи, и записи в items будут только после отработки запроса. Почитайте про Promise

Спасибо, тоже поизучаю

и async/await тогда не забудьте ))

и async/await тогда не забудьте ))

+1 Не успел написать ?

короче всего будет с async/await написать этот метод

Скажите как правильно сделать Вот асинхронный метод ` getAllPosts:function () { this.$http.get(this.endpoint).then( function(response){ this.items=response.body.map(item=?{ title:item.title, body:item.body })) }, function (error) { }) } дальше var baseData = function () { this.getAllPosts(); };` и дальше вызываю alert(baseData) выдает "this.getAllPosts();" как мне получить то что он возвращает ?

В данном случае асинхронность можно и не использовать. Можно воспользоваться реактивностью

Хмм понял спасибо :)

Ребята, кто из вас работает или работал на апворке ?