Element是饿了么公司前端团队开发的一套基于Vue的组件库,用于快速构建网页~
官网链接:
一.使用
1.下载资源
2.引入资源
html
<script src="js/vue.js"></script>
<script src="element-ui/lib/index.js"></script>
<link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
目录仅供参考。
3.创建vue核心对象
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="js/vue.js"></script>
<script>
new Vue({
el:"#app",
data(){
return{
}
}
});
</script>
</body>
</html>
基础页面如上, 记得要创建一个核心对象。
二.布局
1.Layout布局
2.Container布局
注:组件内容自行去官网查询,至于绑定数据的技巧和vue相一致~