Day03-07:Element快速入门
1.什么是Element:
1.Element:是饿了么团队研发的,一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库
2.组件:组成网页的部件,例如:超链接、图片、按钮、表格、表单、分页条等等
3.官网:https://element.eleme.cn/#/zh-CNListener
2.快速入门
1.安装ElementUI组件库(在当前工程的目录下),在命令行执行命令
npm install element-ui@2.15.3
2.引入ElementUI组件库
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
加入main.js这个组件文件当中
3.访问官网,复制组件代码,调整
3.在src文件夹的views文件夹下创建一个Element文件,里面用来存放.vue项目
默认情况下展示的是根组件里面的内容,也就是App.vue,而现在想展示的ElementView.vue里面的内容,所以就需要在根组件中引入ElementView.vue里面的内容
所以需要把原来的内容注释掉,即在div标签里面输入 ,然后会自动导包和把组件加入到vue中。
vscode的智能输入要输<element 记得要输左箭头