{"id":2010,"date":"2017-04-10T17:53:33","date_gmt":"2017-04-10T09:53:33","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=2010"},"modified":"2017-04-10T17:53:33","modified_gmt":"2017-04-10T09:53:33","slug":"vue%e4%b9%8b%e8%87%aa%e5%ae%9a%e4%b9%89%e6%8b%96%e6%8b%bd%e6%8c%87%e4%bb%a4","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=2010","title":{"rendered":"vue\u4e4b\u81ea\u5b9a\u4e49\u62d6\u62fd\u6307\u4ee4"},"content":{"rendered":"
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>qdabc.cn<\/title>\r\n    <script src=\"vue.js\"><\/script>\r\n    <script>\r\n        Vue.directive('drag',function(){\r\n            var oDiv=this.el;\r\n            oDiv.onmousedown=function(ev){\r\n                var disX=ev.clientX-oDiv.offsetLeft;\r\n                var disY=ev.clientY-oDiv.offsetTop;\r\n\r\n                document.onmousemove=function(ev){\r\n                    var l=ev.clientX-disX;\r\n                    var t=ev.clientY-disY;\r\n                    oDiv.style.left=l+'px';\r\n                    oDiv.style.top=t+'px';\r\n                };\r\n                document.onmouseup=function(){\r\n                    document.onmousemove=null;\r\n                    document.onmouseup=null;\r\n                };\r\n            };\r\n        });\r\n\r\n        window.onload=function(){\r\n            var vm=new Vue({\r\n                el:'#box',\r\n                data:{\r\n                    msg:'welcome'\r\n                }\r\n            });\r\n        };\r\n\r\n    <\/script>\r\n<\/head>\r\n<body>\r\n    <div id=\"box\">\r\n        <div v-drag :style=\"{width:'100px', height:'100px', background:'blue', position:'absolute', right:0, top:0}\"><\/div>\r\n        <div v-drag :style=\"{width:'100px', height:'100px', background:'red', position:'absolute', left:0, top:0}\"><\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » vue\u4e4b\u81ea\u5b9a\u4e49\u62d6\u62fd\u6307\u4ee4<\/a><\/p>","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>qdabc.cn&l […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[186],"tags":[26,176],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2010"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2010"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2010\/revisions"}],"predecessor-version":[{"id":2011,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2010\/revisions\/2011"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2010"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}