{"id":534,"date":"2020-02-27T20:38:24","date_gmt":"2020-02-27T12:38:24","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=534"},"modified":"2020-02-27T20:38:24","modified_gmt":"2020-02-27T12:38:24","slug":"vue-mixins","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/27\/vue-mixins\/","title":{"rendered":"Vue-mixins"},"content":{"rendered":"<pre class=\"pure-highlightjs\"><code class=\"\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;meta charset=\"utf-8\"&gt;\n&lt;meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\"&gt;\n&lt;title&gt;Examples&lt;\/title&gt;\n&lt;meta name=\"description\" content=\"\"&gt;\n&lt;meta name=\"keywords\" content=\"\"&gt;\n&lt;link href=\"\" rel=\"stylesheet\"&gt;\n&lt;script src=\"lib\/vue.js\"&gt;&lt;\/script&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;div id=\"box1\"&gt;\n        {{name}}--{{age}}\n        &lt;button @click=\"hello\"&gt;\n          click\n        &lt;\/button&gt;\n    &lt;\/div&gt;\t\n\n    &lt;div id=\"box2\"&gt;\n        {{name}}--{{age}}\n    &lt;\/div&gt;\n\n\n\n    &lt;script type=\"text\/javascript\"&gt;\n    \t var a = {\n         data: {\n          name:\"kerwin\",\n          age:100\n         },\n         methods:{\n          hello(){\n            console.log(\"hello\")\n          }\n         }\n       }\n\n\n       Vue.mixin({\n         data(){\n          return {\n            age:100\n          }\n         }, \/\/\u6d89\u53ca\u7ec4\u4ef6\u7684\u4e2d\uff0c data\u5fc5\u987b\u662f\u4e00\u4e2a\u51fd\u6570 \u8fd4\u56de\u771f\u6b63\u7684\u72b6\u6001\n\n         methods:{\n                   hello(){\n                     console.log(\"11111\")\n                   }\n          },\n          computed:{\n            \n          }\n       })\n\n       new Vue({\n         el:\"#box1\",\n         data:{\n          name:\"vue\u5b9a\u4e49\u7684name\",\n         },\n         \/\/ mixins: [a],\n       })\n\n       new Vue({\n        el:\"#box2\",\n        data:{\n          name:\"111111\"\n        }\n       })\n\n\n       \/\/ {\n       \/\/  name:\"kerwin\"\n       \/\/ }\n\n       \/\/ {\n       \/\/  name:\"xiaoming\"\n       \/\/ }\n       \n       \n\n       \/\/ {\n       \/\/  type:\"kerwin\",\n       \/\/  text:\"1111\",\n       \/\/  child:[\n       \/\/    {\n\n       \/\/    }\n       \/\/  ]\n       \/\/ }\n\n\n       \/\/ {\n       \/\/  type:\"xiaoming\",\n       \/\/  text:\"2222\",\n       \/\/  child:[\n       \/\/    {\n\n       \/\/    }\n       \/\/  ]\n       \/\/ }\n\n    &lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset= &#8230;<\/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\/534"}],"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=534"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/534\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}