Тема доклада то какая?:) Просто про вью?:)

Vuex

Property or method "books" is not defined on the instance but referenced during render в чем проблема не могу понять

data: { books: [ { name: '451 Fahrenheit', description: 'Fahrenheit 451 is a dystopian novel by American writer Ray Bradbury', price: 40 }, { name: 'Fight club', description: 'Fight Club is a 1999 film based on the 1996 novel of the same name by Chuck Palahniuk', price: 45 }, ],

Как докладчик закончит нужно вопрос задать интересный

Это где эппл вотч за лучший вопрос?

Что же самостоятельно не придумаете

Property or method "books" is not defined on the instance but referenced during render в чем проблема не могу понять

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

компоненты вообще не использовал

и через v-for в тд перечисляю

компоненты вообще не использовал

Темплейт покажи пжл. Брэдбери дешевле Бойцовского клуба.

Роутер?) Ну значит компоненты есть, как минимум для страниц

где ходишь по books

Да сто пудов, ты books используешь не в root-view (#app)

а в том компоненте, который рендерит router-view

А надо его рендерить в компоненте?

template #app показывай))

а, понял ошибку

да

не туда засунул

спасибо

Это надо новый компонент создавать, чтобы отобразить?

Можно как угодно. Что мешает перенести books в компонент, где ты ходишь по (v-for) books?

books нужен еще где то? vuex

books нужен еще где то? vuex

Если нужны много где, то да. Иначе тащить вьюкс не нужно

или надо через data: function() {....}?

?

да, черех data а вообще почитайте офф доки по vue вам надо почитать доки))

Та что-то я понимаю, что рано мне ещё во вью, хотя это первый день учу...

Но в связке с ларкой классная вещь

Господа, а не подскажите, чем смотреть размер и зависимости в бандле?

Webpack bundle analyzer. В шаблоне webpack он есть

* если vue-cli@2

а если vue-cli 3?

а если vue-cli 3?

Там есть UI

чето, недавно как раз тоже нашел статью годную по UI, но готовый проект к ней подцепить так и не вышло

или эта фича сугубо через UI?

Там есть --report

Господа, а не подскажите, чем смотреть размер и зависимости в бандле?

Для вскод есть ещё такое https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost

Для вскод есть ещё такое https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost

сенкс, про это я вкурсе, но я вот так хочу

а если vue-cli 3?

сам поставь

и вероятно он тоже встроен туда

хм ... а че ставить, как эта штука вообще называется?

Там есть --report

хм, где именно есть, в vue-cli-service build ?

хм, где именно есть, в vue-cli-service build ?

да https://cli.vuejs.org/guide/cli-service.html#vue-cli-service-build

Там есть --report

да кажется репорт это и есть этот анализатор

хм, где именно есть, в vue-cli-service build ?

Он вроде после каждого билда это пишет?

В vue-cli 3.

хм ... а че ставить, как эта штука вообще называется?

Первая строчка https://t.me/vuejs_ru/329934

да кажется репорт это и есть этот анализатор

а ты вроде тоже под Windows, у тебя UI норм работает?

етот ? да

А текстовые фильтры в 2 версии вью убрали?

это не Рио-де-Женейро (с) Остап Бендер )))

Он вроде после каждого билда это пишет?

Привет Тормознутый, сенск за подкаст ?

ну значит репорт не то. сам поставь аналайзер этот

А текстовые фильтры в 2 версии вью убрали?

Встроенные да

Пожалуйста!

Встроенные да

Плоховато

ERROR: S client not available

FilterBy был хорошим фильтром

Плоховато

Где-то есть в сети пакет, в котором они есть

Да, есть плагин в котором пернесли с 1 версии во вторую фильтры

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

чтоб не так резко заменялись данные

или это только css?

или это только css?

В доке целый раздел с анимациями

А как то можно посмотреть как реализован фильтр filterBy?

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

https://github.com/mrbbot/vue-cli-plugin-webpack-bundle-analyzer

сделал все настройки, а красивых графиков так и нет

сделал вот такую настройку module.exports = { pluginOptions: { webpackBundleAnalyzer: { openAnalyzer: false } } }; а где делать, вот это непонятно Injected webpack-chain Rule config .plugin("webpack-bundle-analyzer") .use(BundleAnalyzerPlugin) .init(Plugin => new Plugin(options));

сделал вот такую настройку module.exports = { pluginOptions: { webpackBundleAnalyzer: { openAnalyzer: false } } }; а где делать, вот это непонятно Injected webpack-chain Rule config .plugin("webpack-bundle-analyzer") .use(BundleAnalyzerPlugin) .init(Plugin => new Plugin(options));

https://cli.vuejs.org/guide/webpack.html#chaining-advanced

https://cli.vuejs.org/guide/webpack.html#chaining-advanced

сенкс, но теперь появилась ошибка - Building for production... ERROR ReferenceError: BundleAnalyzerPlugin is not defined ReferenceError: BundleAnalyzerPlugin is not defined

и каков получился конфиг

где плагин глобальным объявляется?

где плагин глобальным объявляется?

main.js

main.js

неправильный ответ)

где плагин глобальным объявляется?

Это типа так должно быть? configureWebpack: { plugins: [ new BundleAnalyzerPlugin() ] }

ну откуда плагин то возьмется) конфиг — точно такой же js-модуль

неправильный ответ)

Почему? Всегда в main.js ипортил плагин и через глобальный метод Vue.use использую его.

Почему? Всегда в main.js ипортил плагин и через глобальный метод Vue.use использую его.

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

продолжим) options где-то определены глобально?

продолжим) options где-то определены глобально?

хм ... нет, да и не понятно что там доджно вообще быть

ну объект пустой передавайте, или в доке плагина почитать что там еще может быть

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

ну каким конфиг стал