{"id":512,"date":"2020-02-26T16:58:03","date_gmt":"2020-02-26T08:58:03","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=512"},"modified":"2020-02-26T16:58:03","modified_gmt":"2020-02-26T08:58:03","slug":"vue-%e6%9d%a1%e4%bb%b6%e6%b8%b2%e6%9f%93","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/26\/vue-%e6%9d%a1%e4%bb%b6%e6%b8%b2%e6%9f%93\/","title":{"rendered":"Vue-\u6761\u4ef6\u6e32\u67d3"},"content":{"rendered":"
<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"utf-8\">\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">\n<title>Examples<\/title>\n<meta name=\"description\" content=\"\">\n<meta name=\"keywords\" content=\"\">\n<link href=\"\" rel=\"stylesheet\">\n\n<script type=\"text\/javascript\" src=\"lib\/vue.js\"><\/script>\n<\/head>\n<body>\n    <div id=\"box\">\n    \n     \n      <!-- <div v-else>\u6211\u662f\u52a8\u6001\u521b\u5efa\u548c\u5220\u9664---22222<\/div> -->\n      <div v-if=\"isShow\">\n        1111111111\n      <\/div>\n      <div v-else>\n        222222\n      <\/div>\n      \n      <button @click=\"handleClick()\">send<\/button>\n      <div v-if=\"datalist.length\">\n        <ul>\n          <li v-for=\"data in datalist\">\n            {{data}}\n          <\/li>\n        <\/ul>\n      <\/div>\n      <div v-else>\n        \u8fd8\u672a\u521b\u5efa\u5217\u8868\n      <\/div>\n\n\n      <div v-if=\"isCreated===1\">\n        111111\n      <\/div>\n\n      <div v-else-if=\"isCreated===2\">\n        2222222\n      <\/div>\n\n\n      <div v-else>\n        3333333\n      <\/div>\n\n      <template v-if=\"isShow\">\n        <div >\u540c\u65f6\u521b\u5efa-11111<\/div>\n        <div >\u540c\u65f6\u521b\u5efa-22222<\/div>\n        <div >\u540c\u65f6\u521b\u5efa-33333<\/div>\n      <\/template>\n    <\/div>\n\n\n   \n\n    <script type=\"text\/javascript\">\n    \t \/\/ alert(\"111\")\n    \tvar vm = new Vue({\n    \t   el:\"#box\",\n           data:{\n            isCreated:1,\n            isShow:true,\n\n            datalist:[]\n           },\n\n           methods:{\n            handleClick(){\n              setTimeout(() => {\n                  this.datalist= [\"1111\",\"2222\",\"33333\"]\n              }, 2000)\n            }\n           }\n    \t})\n    <\/script>\n<\/body>\n<\/html><\/code><\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html> <html> <head> <meta charset= …<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[9,10],"_links":{"self":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/512"}],"collection":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/comments?post=512"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/512\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}