学习Element框架之前一定要有一点vue框架的基础,因为Element框架是基于vue创建了
Element:是饿了么公司前端开发团队提供的一套基于Vue的网站组件库,用于快速构建网页
官网:https://element.eleme.cn/#/zh-CN
Element的使用
1.导入Element框架的源代码,具体代码可以上官网下载
2.引入Element的css,js文件和Vue.js
<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核心对象
<script>
new Vue({
el:"#app"
})
</script>
//分页工具调 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[5, 10, 15, 20]" :page-size="5" layout="total, sizes, prev, pager, next, jumper" :total="400"> </el-pagination>
new Vue({ el: "#app", data(){return {currentPage: 1} }}