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 效果
文章来源: https://blog.51cto.com/u_15740728/5787253
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报