Публикации по теме 'vue'
VueJs - разворачивает содержимое слотов с помощью тега
Когда вы используете слоты в своих компонентах, обычно появляется пара дополнительных элементов, обертывающих ваш контент, но есть простой способ удалить их из визуализированного представления.
Общее примечание: Я предполагаю, что у вас есть базовые знания о Синтаксисе шаблонов и Именованных слотах VueJs.
Допустим, у вас есть message-box компонент с двумя именованными слотами ( заголовок и тело ):
// message-box component
<template>
<div..
Создайте доступную для публикации библиотеку Vue с открытым исходным кодом: useCounter
В этой статье я покажу вам процесс создания библиотеки Vue. Ознакомиться с демонстрационной библиотекой можно здесь .
Я продемонстрирую это, создав собственный хук Vue, useCounter . Этот хук предоставит утилиты для управления счетчиком и может использоваться во всех компонентах приложения.
Мы начнем с создания приложения Vue с помощью Vite.
Запустите команду ниже.
npm init vite@latest
Он спросит некоторые детали, пожалуйста, предоставьте ему следующее: -
Название проекта:..
Современные приложения без фреймворков JavaScript
Чтобы прочитать эту статью на португальском языке, нажмите здесь .
Если вы смотрите на эту небольшую публикацию, это потому, что я начал эту серию, демонстрирующую простой и эффективный способ разработки современных приложений без фреймворков javascript.
С некоторых пор я наблюдаю за обещаниями, которые давали эти javascript-фреймворки и которые, на мой простой взгляд, не были реально выполнены.
Если вы посмотрите на это, то сегодня разработать приложение намного сложнее и..
Создание компонента динамической формы с помощью Vue.js и Composition API: практическое руководство
Vue.js и Composition API: Vue.js — это прогрессивная среда JavaScript, известная своей простотой и гибкостью. С появлением Composition API в Vue 3 разработчики получили мощный набор инструментов для организации логики компонентов и управления состоянием. Мы будем использовать этот API для создания компонента динамической формы.
Понимание шаблона: шаблон нашего компонента начинается с контейнера <div> . Внутри мы используем тег <pre> для отображения содержимого объекта..
Jest: как имитировать функции, которые ссылаются друг на друга из одного модуля
Итак, это не полностью сформированная статья, а просто краткое руководство для тех, кто проходит через то же самое, что и я.
Проблема
При попытке добавить простую спецификацию функции с помощью Jest я застрял, пытаясь смоделировать функцию, на которую ссылались в том же файле (получал такие ошибки, как «только для чтения», «не определено» и т. д.):
// Simplified for clarity
export function getOrderTotal(order) {
...
}
export function getTotal(orders) {
let total =..
Базикс Админ Про
Vue.JS Шаблон панели администратора для профессионалов
5+ лучших шаблонов администрирования Vue.JS 2018 Vue.js — это JavaScript-фреймворк, который занимает лидирующие позиции в веб-индустрии. А здесь, в VueJS Admin, у нас есть… medium.com
Basix Admin — отличный шаблон администратора, разработанный с помощью Vue.js . Для разработки шаблона не используется jQuery. Для создания этого выдающегося шаблона используются bootstrap,..
Создание пользовательских диаграмм с помощью HighCharts в Vue
Давайте рассмотрим один из способов отображения диаграмм на вашем сайте.
Сфера моей компании и потребности клиентов позволили мне получить довольно интересный опыт работы с графиками. Другими словами, мне пришлось много работать над ними, и некоторые из них были действительно сложными и имели очень нестандартные детали.
Я уверен, что есть много разных способов использования и создания диаграмм, но в этой статье мы поговорим о том, как я их использовал. А точнее, графики будем..