{"id":2255,"date":"2017-05-08T11:50:07","date_gmt":"2017-05-08T03:50:07","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=2255"},"modified":"2017-05-08T11:50:07","modified_gmt":"2017-05-08T03:50:07","slug":"vue-%e4%b8%ad%e7%9a%84render%e5%87%bd%e6%95%b0%e5%92%8cref","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=2255","title":{"rendered":"vue \u4e2d\u7684render\u51fd\u6570\u548cref"},"content":{"rendered":"
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>qdabc.cn<\/title>\r\n    <script src=\"https:\/\/unpkg.com\/vue\/dist\/vue.js\"><\/script>\r\n<\/head>\r\n<body>\r\n<!-- \u66ff\u6362<div id=\"app\"><\/div> \u5305\u62ec -->\r\n<div id=\"app\"><\/div>\r\n<script>\r\n    var abc = Vue.component('abc',{\r\n      template: '<div id=\"app\">\u8fd9\u91cc\u662findex<\/div>'\r\n    });\r\n    new Vue({\r\n      el: '#app',\r\n      render: function (h) {\r\n        \/\/ console.log(h);\r\n        \/\/ render\u662f\u4e2a\u51fd\u6570 \u63a5\u6536\u7684\u4e00\u4e2a\u53c2\u6570 \u901a\u8fc7\u6267\u884c\u8fd9\u4e2a\u53c2\u6570(  ) \u5e76\u4e14return\r\n        return h(abc) \/\/ \u9700\u8981\u4f20\u9012\u4e00\u4e2a\u53c2\u6570\r\n      }\r\n    })\r\n<\/script>\r\n<\/body>\r\n<\/html><\/pre>\n
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>Title<\/title>\r\n<script src=\"https:\/\/unpkg.com\/vue\/dist\/vue.js\"><\/script>\r\n<\/head>\r\n<body>\r\n<div id=\"app\">\r\n    <!-- ref=\"\u81ea\u5b9a\u4e49\u7684\u540d\u5b57\" -->\r\n    <p @click=\"dom\">\u70b9\u51fb<\/p>\r\n    <ul ref=\"abc\">\r\n        <li> 123 <\/li>\r\n    <\/ul>\r\n    <div ref=\"def\">\r\n\r\n    <\/div>\r\n<\/div>\r\n<script>\r\n    new Vue({\r\n      el: '#app',\r\n      methods: {\r\n        dom () {\r\n          console.log(this.$refs.abc);\r\n        }\r\n      }\r\n    })\r\n<\/script>\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 \u4e2d\u7684render\u51fd\u6570\u548cref<\/a><\/p>","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title> […]<\/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":[304,303,26],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2255"}],"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=2255"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2255\/revisions"}],"predecessor-version":[{"id":2256,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2255\/revisions\/2256"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2255"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2255"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}