-
Vue中常用的UI框架
PC : Element-UI , iView
M站(移动端) :Vant -
Vue-Cli版本
2.x : 老版本
3.x : 主要版本
【注意】vue的工具是3.x版本,并非vue是3.x版本,目前vue任然还是2.x版本
Element-UI
打开element-ui的快速上手,找到打开里边的Element插件,跳转到github上。
-
第一步 :Vue安装element插件
命令 : vue add element(不需要npm)会出现两个选项 Fully import(完全导入) 和 Import on demand(按需导入),选择按需导入(真实项目是按需导入),安装成功之后会显示一个 el-button 按钮。
-
第二步 :引入完整组件列表,在src文件夹下有一个plugins文件夹,里边有一个element.js文件。找到快速上手下边的完整组件列表粘贴复制替换 element.js 里的内容。不使用的可以再删除。
-
第三步 :再组件中使用组件库中的组件(需要注意事件和数据的定义)