А это значит, теперь в шаблонах можно использовать полноценный ESNext, включая долгожданную возможность использовать в шаблонах Optional chaining?

В консоли чисто

А если убрать ; после data(){} ‘;’ не причем?

ничего не меняется. Я уже взял код из документации. Тоже самое. При клике на кнопку — ошибка.

А вы как подключали компонент?

<template>
<div>
<UsersList/>
</div>
</template>

<script>
import UsersList from ‘./UsersList.vue’;

export default {
data() {
return {};
},
components: {
UsersList,
},
};
</script>

import HomeApp from ‘./home/app.vue’;
createApp(HomeApp).mount(‘#app’);

А от куда всё остальное на сайте? текст: пользователи и добавить пользователя итд?

да

@ сокращенная запись

спасибо, от сюда вопрос, когда компонент убивается и обработчик на инпут был повешен через @input=»///» vue его удаляет?

Решил проблему.

__VUE_OPTIONS_API__ была false 🙂

Да

да

в случае если обработчик был повешен через addEventListener, то желательно его удалять в beforeMounted, просто интересует производительность

почему именно в beforeMounted)?

ошибся beforeDestroy

ну тут особой разницы нет, когда ты их будешь удалять

render: (h, row) => {
return h(‘a’, {class: ‘model-link’, href: ‘/’}, row.result);
},

Так должно работать

неа? не работает

h(‘a’, { class: ‘model-link’, attrs: { href: ‘/’} }, row.result);

спасибо

2

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

пожалуйста, а то раньше такое не делал

в общем как-то так

Планируется, что это будет последняя минорная версия во Vue 2, которая является «мостом» для более простого перехода во Vue 3.

Поддержку Vue 2 обещают до конца 2023.

Добавлено много нового, что уже есть во Vue 3:
— Composition API
— Обновления SFC из Vue 3: script setup и v-bind в стилях

Добавление Composition API означает и добавление необходимой для него функциональности. А значит теперь и во Vue 2 есть реактивность с reactive, ref, computed и другими функциями реактивности. Конечно, ядро реактивности всё также на переопределении полей объекта с геттерами и сеттерами, а также патчинге методов массива. А значит, все ограничения реактивности сохраняются.

В SFC компиляция JS в шаблоне теперь будет работать через обработку JS в сборщике, как во Vue 3. А это значит, теперь в шаблонах можно использовать полноценный ESNext, включая долгожданную возможность использовать в шаблонах Optional chaining ?..

В документации Vue 2 пока ничего об обновлениях нет… Будем ждать.

Подробности:
— Changelog
— Блог

#news

спасибо

Это если бы я использовал напрямую компонент
<template v-slot:option=»option»>
<span :class=»option.icon»></span>
{{ option.title }}
</template>
А как вот получить к option доступ если использовать такую вот конструкцию с v-for? Может знаете?

если ты говоришь про прокидывание скоупед слотов, то https://t.me/vuejs_ru/945572

кстати прокатило. хоть в файле и подсвечено.

Теперь другая пробела

md5Part = new Buffer(md5PartStr, «hex»).toString(«base64»);

Пишет ReferenceError: Buffer is not defined

При том, что в vue 2 норм работало. Без всяких импортов Buffer ..

Property «$scopedSlots» was accessed during render but is not defined on instance Использую vue3

для тройки вместо $scopedSlots будет $slots, как и было у тебя, только добавляется scopedData, которая прокидывается в новый <slot>

ну и v-if со слота из сообщения надо убрать, он был специфичный для той задачи

с if это я понял. Да работает Спасибо

В целом могу только повторить, что с версией Vue это связано равно на столько же, на сколько связано с версией jQuery 🙂

Buffer — это nodejs объект… Нужно включать Nodejs полифилы.

@esbuild-plugins/node-globals-polyfill

vite.config.js:

optimizeDeps: {
esbuildOptions: {
plugins: [
NodeGlobalsPolyfillPlugin({
buffer: true
}),