Vue中如何配置并应用Avue组件，总结配置过程及实战要点？

本文共计639个文字，预计阅读时间需要3分钟。

目录 + 1、使用Avue的原因 + 2、Avue官网 + 3、安装与使用 + 3.1 安装 + 3.2 在main.js中引入 + 4、使用Avue组件库 + 4.1 基本样式 + 4.2 实际应用 + 4.3 效果展示 + 在新项目中使用一个新组件、安装立码安装

目录

• 1、使用Avue的原因
• 2、Avue的官网
• 3、安装使用
• 3.1 安装
• 3.2 在main.js中引入
• 4 使用Avue组件库
• 4.1 基本样式
• 4.2 实际应用
• 4.3 效果

在新项目中用到一个新的小玩意、还挺不错的、立马安装使用到自己的项目中。哈哈哈

1、使用Avue的原因

在项目中遇到通过点击加号实现输入框的增加、以及对该输入框的输入内容进行验证。有感而发

2、Avue的官网

官网地址：avuejs.com/

3、安装使用

可以直接根据官网的教程来

以下介绍我成功安装的案例

3.1 安装

npm i @smallwei/avue -S

我安装的是这个版本的avue。默认会安装最新的版本、安装最新的可能会遇到版本不兼容问题（我就是遇到了这个鬼问题、程序都启动不成功了。