如何创建自己vue 组件库

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何创建自己vue 组件库相关的知识,希望对你有一定的参考价值。

参考技术A 可以用以下几种方式:

Vue.component('component-a', template:'<div>component-a content</div>' );

或是单文件组件

<template> <div class="app-container"> </div></template> <script> </script> <style> </style>

如何评价饿了么开源的 Vue 组件库 Mint UI

我们项目现在正在用vue,但是我们的需求更加的复杂。
对于Mint,恕我直言,很多简单的css和html。
基本那些调用我都会自己写,自己写一套也花不了多少时间。
还有一个就是,这是一个mobile的产品。
很多优化并没有做,比如类iscroll的优化,或者直接镶嵌iscroll。
vue还是比较适用于pc端的产品,放在Mint有点大材小用。
控件与vue js关系不是特别的大,vue的一些调用处于初级阶段。
再次测试了sample,交互处理很低级,没有什么好的亮眼的东西。
个人整体感觉。
参考技术A 设计用心。虽然是从自己的业务中提取的“基础组件”,但是开源过程中还是非常用心的做了拆分、取舍工作,使组件高扩展。

以上是关于如何创建自己vue 组件库的主要内容,如果未能解决你的问题,请参考以下文章

创建一个自己的Vue UI组件库,并将它发布在npm上

使用Vite和TypeScript带你从零打造一个属于自己的Vue3组件库

如何评价饿了么开源的 Vue 组件库 Mint UI

一个为 Vue JS 2.0 打造的 Material 风格的组件库

:Message组件

vue中如何使用element-ui组件库