基本信息
源码名称：vue 分页示例源码下载
源码大小：0.06M
文件格式：.rar
开发语言：js
更新时间：2017-07-31
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍 


<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title></title>
    <script src="vue.js"></script>
    <link href="pagination.css" rel="stylesheet" />
    <script src="pagination.js"></script>
</head>
<body>
    <div id="app">
        <vue-pagination :cur.sync="cur" :all.sync="all" v-on:btn-click="listen"></vue-pagination>
        <p>{{msg}}</p>
    </div>
    <script type="text/javascript">
        var app = new Vue({
            el: '#app',
            data: {
                cur: 1,
                all: 100,
                msg: ''
            },
            components: {
                'vue-pagination': Vue.Pagination
            },
            methods: {
                listen: function (data) {
                    this.msg = '当前页码：'   data
                }
            }
        })
    </script>
</body>
</html>