返回

vue中如何使用Avue(详细过程加实际案例)

发布时间:2022-10-25 11:57:51 1324
# css# npm# 信息

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

1、使用Avue的原因

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

2、Avue的官网

官网地址:https://avuejs.com/

在这里插入图片描述

3、安装使用

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

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

3.1 安装

npm i @smallwei/avue -S

我安装的是这个版本的avue。默认会安装最新的版本、安装最新的可能会遇到版本不兼容问题(我就是遇到了这个鬼问题、程序都启动不成功了。可以选择安装指定的版本npm i @smallwei/avue@2.8.27 -S在这里插入图片描述

3.2 在main.js中引入

// 引入
import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';
Vue.use(Avue)

在这里插入图片描述

4 使用Avue组件库

样式是多的很、感觉可不赖。爱了爱了

4.1 基本样式

在这里插入图片描述 在这里插入图片描述

4.2 实际应用

就是将组件的代码复制粘贴到你想要放置的代码位置




4.3 效果

在这里插入图片描述

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像
精选文章
thumb 中国研究员首次曝光美国国安局顶级后门—“方程式组织”
thumb 俄乌线上战争,网络攻击弥漫着数字硝烟
thumb 从网络安全角度了解俄罗斯入侵乌克兰的相关事件时间线
下一篇
ajax - 接口、表单、模板引擎 2022-10-25 11:23:10