Element框架的的使用快速了解,以及快速上手Element的使用

学习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}
}}