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

столько бесплатного контента, с жира бесятся

app entry point - это же main.js?

Йес ит из

Южуали

ага, спасибо!

А кто юзал бутстрап вью? Я вот заинсталил его, подрубил в ентри пойнте. Мне нужно еще как-то прилинковывать стили?

я юзал стили надо вроде импортить тоже но не помню, в main или App

ну и автокомплит в нем не очень работал

Ну я вроде сделал import Vue from 'vue' import BootstrapVue from 'bootstrap-vue' Vue.use(BootstrapVue);

после этого я ожидаю что смогу тупо скопировать кнопки как в компоненте на сайте, вставить их в дивник <b-button-group> <b-button>Button 1</b-button> <b-button>Button 2</b-button> <b-button>Button 3</b-button> <b-button>Button 4</b-button> <b-button>Button 5</b-button> </b-button-group> И оно будет выглядеть как на сайте (наивный)

сам CSS вроде ещё надо

Ну я вроде сделал import Vue from 'vue' import BootstrapVue from 'bootstrap-vue' Vue.use(BootstrapVue);

именно так делаю и все равботает, даже css вроде их нигде не подключаю

у меня в main.js import 'bootstrap/dist/css/bootstrap.css'; import 'bootstrap-vue/dist/bootstrap-vue.css';

у меня в main.js import 'bootstrap/dist/css/bootstrap.css'; import 'bootstrap-vue/dist/bootstrap-vue.css';

а ты вебпак ручками редактировал для этого?

сейчас скажу

они дают отсылку на https://webpack.js.org/guides/asset-management/#loading-css

ага

{         test: /\.js$/,         loader: 'babel-loader',         include: [resolve('src'), resolve('test'),           resolve("bootstrap-vue"),           resolve('../node_modules/bootstrap-vue')]       },

но я не до конца понял что именно требуется сделать оттуда

ок

блин, бектики

это в webpack.base или webpack.dev?

дев по идее

base у меня но я хз, делалось методом научного тыка

Так. А на эти кнопки (бутстраповские) можно навесить роутер линки скажем?

тут уже не знаю) нужно проверять

именно так делаю и все равботает, даже css вроде их нигде не подключаю

ты создавал через кли сразу с бутстрапом или отдельно ставил?

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

у меня laravel mix все делает, webpack настраивает сам. но бутстрап отдельно ставил

в консоли браузера точно ошибок нет? jquery бывает не находит

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

у меня сейчас без стилей висят роутер-линки. И либо делать стили руками, либо стараться подрубить бутстрап и к его кнопкам роутер-линки прикручивать

и popper.js еще пришлось ставить. тоже вначале не заводилось

в консоли браузера точно ошибок нет? jquery бывает не находит

нет. жеквери ставил отдельно, т.к. он просил

и popper.js еще пришлось ставить. тоже вначале не заводилось

я пока без всплывающих делаю, просто базовые вещи типа грида или кнопок

у меня в main.js import 'bootstrap/dist/css/bootstrap.css'; import 'bootstrap-vue/dist/bootstrap-vue.css';

ну вот еслинт ругается на импорт bootstrap.css, говорит что он должен быть в project dependencies

Нужно сбилдить и развернуть vue-client(фронтсервер) и backend(апи) на хосте, есть ссылки у кого как все это сделать грамотно и что нужно учесть?

https://vuejs-templates.github.io/webpack/

Часто в vuex нужно сменить state с true на false или типа того. Писать мутации под несколько состояний с таким простым действием надоедает. Может какое-то решение удобное есть?

Часто в vuex нужно сменить state с true на false или типа того. Писать мутации под несколько состояний с таким простым действием надоедает. Может какое-то решение удобное есть?

redux

нет, мутации это самое примитивное изменение состояния стора которое только возможно

че там писать-то — одна строка

че там писать-то — одна строка

Надоедает вот такое писать: init (state, value){ state.init = value }, load (state, value){ state.load = value }, haveAddress(state, value){ state.delivery.haveAddress = value }, showAddress(state, value) { state.modals.showAddress = value }

лол это что?

вот простейший пример стора — один стейт, один геттер, одна мутация

export default new Vuex.Store({ state: { windowWidth: document.documentElement.clientWidth, }, getters: { windowWidth: state => state.windowWidth, }, mutations: { calculateWindowWidth(state) { state.windowWidth = document.documentElement.clientWidth }, }, })

Вадим просто форма записи в вашем коде мне не знакома

Вадим просто форма записи в вашем коде мне не знакома

Это список мутаций

аааа

это кусок, понял

да, сори

просто там много их

ну как вариант можно писать в форме как я указал выше — в одну строку. у меня пока рука не устала))

ну как вариант можно писать в форме как я указал выше — в одну строку. у меня пока рука не устала))

Ну вопрос же не в этом :) Просто у меня куча мутаций банально меняют значение с true на false. И получается куча вот такого кода, который вообще непонятно зачем

За тем, что бы вы были уверены в своем коде, действую только через мутации и экшены. И что бы вы могли дебажить как человек с vue-devtools

Почитайте про паттерн хранилища состоянии в целом, он же источник истины. Там получше разъясняется. У меня ссылки под рукой нету к сожалению

Например когда десять компонентов могут меня стор и вы не используете мутации, а напрямую стейт меняете - фиг вы отдебажите что в случае странного поведения, а такой случай может быстро наступить)

Не надо напрямую менять. Иначе никакого смысла от vuex нет

Понял, спасибо!

господа, а как передать из аксиоса в data в самый корень?

че?

у меня идет так: `data: { id: 1,...}` пробую vm = value не получается

this.$root

this.$root

не, хрень какая-то. реактивности нет.

vue.set

короче решил просто сделать data: {user: {

и все

а до этого ты не задал в дате переменную? и удивляешься что нет реактивности?)

ребят может кто поможет, делаю пост запрос axios.post, далее жду ответ от сервера в .then (), если смотреть в браузере ответ от сервера есть с нормальным payload, но в обработчике ответа .then (), пишет как This is undefined, если пытаюсь получить данные из ответа.

сonsole.log(res) => выводит как undefined

Параметр добавь в ()

код в студию

axios.post('/event/save', data) .then(function (res) { this.isLoading = false; console.log(res); }) .catch(function(error){ this.isLoading = false; console.log(error); }); },

Привет, может кто подсказать как vuex работает? Я когда его юзаю, он автоматически инжектится в объект vue или надо где-то биндить\связывать?

Привет, может кто подсказать как vuex работает? Я когда его юзаю, он автоматически инжектится в объект vue или надо где-то биндить\связывать?

this.$store

стор надо создавать

и прокидывать

как пример

new Vue({ el: '#app', router, store, render: h => h(App) });