Créer une bibliothèque de composants VUE UI

J'utilise vue pour créer une bibliothèque de composants. La vraie question est de savoir comment créer le document. Dois-je créer un nouveau projet dans le dossier docs (comme dans nuxt) ou simplement avoir un package.json dans le répertoire racine et instancier une nouvelle createApp en utilisant v...

P粉300541798 2023-08-30 14:15:10 0  1  457

Bibliothèque de composants React + modularité SASS

Je commence à développer une bibliothèque de composants React et j'aimerais réutiliser du code SCSS que nous partageons avec d'autres projets non-React. Pour y parvenir, j'essaie d'utiliser un module SASS dans un composant React. Un cas d'utilisation simple fonctionne bien, mais je crée une biblioth...

P粉818306280 2024-03-26 21:31:03 0  2  382

Composant vue3 js : composant non mis à jour

J'ai un composant qui collecte les données d'une API. Les données renvoyées par l'API sont un tableau contenant les détails. L'une des valeurs du tableau est le type de composant qui doit être restitué, toutes les autres données sont transmises au composant. J'essaie de restituer le composant correc...

P粉779565855 2024-02-25 14:50:02 0  2  443

Appliquer des styles en ligne sous le vent aux composants importés de la bibliothèque

Je construis une bibliothèque de composants React à l'aide de TailwindCSS et j'aimerais savoir s'il existe un moyen de compiler les styles des composants de la bibliothèque (dans node_modules) avec les styles de l'application consommatrice sans avoir à utiliser des chemins relatifs vers les composan...

P粉742550377 2023-09-06 23:06:34 0  1  650

Comment puis-je créer une bibliothèque qui expose un seul composant Vue pouvant être utilisé par les fichiers .mjs distribués ?

Je souhaite créer un composant Vue regroupé dans un seul fichier .mjs. Un autre projet Vue peut obtenir ce fichier .mjs via HTTP et utiliser le composant. L'installation d'un composant enfichable via npm n'est pas possible car d'autres applications tenteront de l'obtenir en fonction de la configurat...

P粉797004644 2023-08-26 23:23:36 0  1  542

Inspectez les composants Vue dans le navigateur sans utiliser la bibliothèque VUE-Router

J'utilise les outils de construction vue3 et CLI. Importera mon composant sur la page .net. Je dois inspecter mon composant sur le navigateur sans utiliser la bibliothèque du routeur. Existe-t-il un moyen d'en faire un composant distinct ? Dans Vue2, j'ai utilisé l'outil de construction gulp et l'ou...

P粉729518806 2024-03-19 18:23:18 0  1  422

"Nuxt refuse de reconnaître ma bibliothèque de composants Vue (vuecli) personnalisée avec le message d'erreur 'Impossible de trouver le fichier de déclaration du module'"

J'ai construit une petite bibliothèque de composants Vue en utilisant un projet VueCLI réalisé à partir de ce tutoriel : https://javascript.plainenglish.io/how-to-create-test-bundle-vue-components-library-8c4828ab7b00 Le projet de bibliothèque de composants VueCLI est créé en utilisant Typescript Se...

P粉212971745 2024-02-21 14:11:36 0  1  401

Diviser ou injecter des styles dans les bibliothèques de composants React construites avec Vite

Je suis actuellement en train de réécrire les étapes de construction pour que la bibliothèque de composants utilise Vite. J'ai un problème avec les styles, ils ne sont pas divisés mais regroupés dans un gros fichier style.css. Cela m'a posé deux problèmes : lorsque j'ai installé le package dans un a...

P粉464113078 2024-01-10 17:00:11 0  1  486

javascript - !important peut-il être utilisé sans aucun scrupule après avoir utilisé scoped dans le style de composant vue.js?

Considérant que les styles entre les composants ne s'affecteront pas après l'utilisation de scoped, lorsque je remplace le style du composant dans la bibliothèque de composants, est-il raisonnable d'utiliser !important dans mon composant actuel (car les styles du composant d'en-tête dans le composan...

大家讲道理 2017-05-18 10:54:09 0  5  775

javascript - Un composant enfant déclenche un événement personnalisé du composant parent, mais le composant parent ne répond pas.

Ce qui suit est le composant enfant @change='showChange' est l'événement du composant enfant. Le modèle suivant est enregistré en tant que composant de type commande {code...} Ce qui suit est la méthode du composant enfant : {code...} Le voici le composant parent {code...} Mais alert(2) n'est pas ex...

大家讲道理 2017-07-05 11:03:26 0  3  994

javascript - Comment transmettre des paramètres d'un sous-composant au composant parent dans Vue

Contexte : Vue+ES6, le sous-composant est appelé après la création du composant parent et le déclencheur d'événement onclick a été encapsulé dans le composant sous-jacent (sous-composant du sous-composant) Question : Comment le sous-composant répond-il lorsqu'il n'y a pas de liaison d'événement dans...

给我你的怀抱 2017-05-19 10:20:59 0  8  794

Passer le tableau au composant

Je suis nouveau sur React et j'ai besoin d'aide pour ce qui suit. J'ai un composant qui accepte une liste de tableaux pour restituer le composant et j'ai besoin d'un composant distinct pour manipuler le composant rendu du tableau : exportfunctionDashboardContent(){return();} mockData est où je dois ...

P粉006540600 2023-08-15 17:00:37 0  1  560

javascript - Comment un composant de Vue peut-il mieux écouter les événements d'un autre composant?

Il existe 4 composants de routage A, B, C et D sous le composant parent APP. Sous ces 4 composants de routage se trouvent respectivement les sous-composants A1, B1, C1 et D1. Il existe également un composant E sous l'application. Lorsque vous cliquez sur ces composants A1, B1, C1 et D1, les méthodes...

習慣沉默 2017-06-14 10:53:44 0  1  659

javascript - Le sous-composant personnalisé reçoit les données du composant parent, comment utiliser v-for pour restituer plusieurs sous-composants

Commençons par le code. Il y a maintenant 4 objets passés au composant enfant. Comment utiliser v-for pour rendre 4 composants enfants ? Faut-il placer v-for dans le modèle du composant parent ou dans le composant enfant ?

PHP中文网 2017-05-19 10:44:00 0  1  616

javascript - Le sous-composant vue2.0 utilise $parent.$emit et $on pour communiquer avec le composant parent et signale une erreur ?

Il s'agit d'un composant enfant et d'un composant parent. Puisque vue2.0 a obsolète l'attribut events, comment les événements de clic dans mon composant enfant remontent-ils jusqu'au composant parent, et quand le composant parent doit-il écouter cet événement et le déclencher. . J'essaie de passer t...

仅有的幸福 2017-05-19 10:32:24 0  1  759

Extraire le tableau de la base de données

Le tableau (une case à cocher) est stocké dans la base de données via unserialize(), comme le montre la figure, comment l'extraire et l'afficher normalement, par exemple, afficher : mathématiques,

杰瑞 2019-11-13 15:30:46 0  0  729

javascript - Dans le modèle de développement basé sur les composants vue.js, comment faire en sorte que le style s'applique uniquement à ce composant et à ses sous-composants.

Si scoped est utilisé, le style ne peut affecter que le composant actuel mais pas ses sous-composants. Parfois, en raison de problèmes de conception, de nombreux styles sont partagés entre différents sous-composants. J'aimerais demander à un expert si le style le peut. ne s'appliquer qu'à ce composa...

怪我咯 2017-05-18 10:51:18 0  1  945

javascript - vue2.0 charge dynamiquement plusieurs composants identiques, entre différentes valeurs dans les données des composants et lors de la fermeture du non-dernier composant, la valeur détruite est la dernière valeur du composant.

Vue2.0 charge dynamiquement plusieurs composants identiques et entre des valeurs différentes dans les données des composants. Lors de la fermeture du non-dernier composant, la valeur détruite est la valeur du dernier composant. Méthode de chargement du composant : le composant est un tableau. Obtene...

黄舟 2017-07-05 11:00:36 0  1  1397

Importation de fichiers de base de données

Comment créer votre propre base de données et comment importer le fichier de table de données Teach_manger.sql dans votre base de données ; comment créer votre propre base de données et comment importer le fichier de table de données Teach_manger.sql dans votre base de données ; , Et comment importe...

缘 2019-03-27 11:01:41 0  2  1301

javascript - Pourquoi les accessoires transmis au composant enfant ne changent-ils pas après la modification du modèle du composant parent VUE?

Une fois le modèle du composant parent VUE modifié, pourquoi les accessoires transmis au composant enfant ne changent-ils pas ? Composant parent {code...} Composant enfant {code...} Après avoir cliqué sur la méthode de test, je change la bannière du composant parent. Pourquoi le modèle du sous-compo...

習慣沉默 2017-05-19 10:30:47 0  2  659