Публикации по теме 'vuejs'
7 крутых и полезных методов кодирования JavaScript, которые вы должны использовать
Вы знаете все эти трюки?
1. Используйте объект вместо «переключателя»
Мы часто используем switch для обработки разных вещей, но задумывались ли вы когда-нибудь об использовании объекта для значительного упрощения кода? (Это работает в некоторых простых сценариях)
Вам нужно только использовать объект для достижения своей цели.
2. Используйте метод «включает» вместо нескольких «если».
Вы часто пишете такой код? Несколько условий могут вызвать логику. По мере роста..
Динамические компоненты Vue.js: подробное руководство
Vue.js имеет функцию, называемую динамическими компонентами, которая позволяет вам изменять компоненты на вашей веб-странице во время ее работы. Вы можете использовать эту функцию для создания сложных веб-страниц с множеством различных частей, которые можно переключать в зависимости от того, что делает пользователь.
Посмотрите, как я буду использовать два компонента внутри родительского компонента, используя динамические компоненты.
Компонент А
<template>
<div>..
Анализ Vue 3: компиляция шаблонов
В нашем последнем посте мы разобрали монтаж этого нехитрого приложения:
< div id="app">
< h1 >Hello, {{ name }}</ h1 >
</ div >
< script >
const { createApp } = Vue
createApp({
data: () => ({ name: 'Rick' })
}).mount('#app')
</ script >
Изучив исходный код, мы обнаружили, что процесс установки состоит из двух этапов :
смонтировать приложение = создать vNode + визуализировать
Мы рассмотрели первый шаг - создание главного..
Освойте Vue.js, преодолевая общие проблемы
Часто, когда мы изучаем новую технологию, мы сталкиваемся с некоторыми проблемами, а иногда мы находили решения при переполнении стека. Там многие великие разработчики делятся потрясающими решениями и передовыми практиками, поэтому, когда я хочу освоить новый язык программирования, я всегда нахожу отличные ответы на общие вопросы.
Поступая так, я обнаружил, что нахожу несколько потрясающих ответов, которые, вероятно, если бы я не знал о них, я бы пришел к уродливому решению. Поэтому я..
Гидратация на стороне сервера - SSR с Vue и webpack с нуля (3/3)
Эта статья будет продолжением моего предыдущего поста , где мы реализовали базовый рендеринг на стороне сервера. Теперь добавим увлажнение. Если приложение полагается на внешний ресурс, например данные, полученные из внешней конечной точки, данные должны быть извлечены и обработаны до того, как мы вызовем renderer.renderToString .
Исходный код доступен здесь .
В этом примере мы получим сообщение из JSONPlaceholder . Данные выглядят так:
Стратегия будет выглядеть так:..
Как построить гибкую ролевую систему управления доступом за 10 минут
Почти в каждом отдельном веб-приложении есть какие-то «ролевые игры», другими словами — вещи, которые должны быть доступны только для определенной аудитории, пользователей, сегмента пользователей и т. д. Иногда эти требования чрезвычайно сложны, иногда достаточно иметь Флаги «isAdmin», «isCustomerSales», «isPartnerManager» для полного контроля.
Но что, если в вашей системе есть что контролировать, скажем, вы разрабатываете платформу SAAS, которая включает в себя несколько планов..
Уменьшение CSS, сгенерированного vue-loader, с помощью трюка с сокращением имен классов
Ненавижу длинные и удобочитаемые имена классов, из-за этого исходные коды CSS становятся слишком запутанными. А в рабочей среде читаемые имена классов CSS не нужны .
Да, прошел почти год с тех пор, как я начал искать решения и экспериментировал с множеством способов, пытаясь запутать имена классов CSS - например, интерфейс https://www.google.com/ исходный код. Не более 5 символов, просто предсказуемая комбинация букв алфавита, имя класса становится таким коротким и непонятным...
