{"id":398,"date":"2020-05-19T11:24:08","date_gmt":"2020-05-19T03:24:08","guid":{"rendered":"http:\/\/adeqing.com\/?p=398"},"modified":"2020-05-19T11:24:09","modified_gmt":"2020-05-19T03:24:09","slug":"vue-v-model%e5%8e%9f%e7%90%86%e5%88%86%e6%9e%90","status":"publish","type":"post","link":"https:\/\/adeqing.com\/index.php\/2020\/05\/19\/default\/398\/","title":{"rendered":"Vue v-model\u539f\u7406\u5206\u6790"},"content":{"rendered":"\n<p>\u8fd9\u5b9e\u9645\u4e0a\u5c31\u662f&nbsp;<code>input<\/code>&nbsp;\u5b9e\u73b0&nbsp;<code>v-model<\/code>&nbsp;\u7684\u7cbe\u9ad3\uff0c\u901a\u8fc7\u4fee\u6539 AST \u5143\u7d20\uff0c\u7ed9&nbsp;<code>el<\/code>&nbsp;\u6dfb\u52a0\u4e00\u4e2a&nbsp;<code>prop<\/code>\uff0c\u76f8\u5f53\u4e8e\u6211\u4eec\u5728&nbsp;<code>input<\/code>&nbsp;\u4e0a\u52a8\u6001\u7ed1\u5b9a\u4e86&nbsp;<code>value<\/code>\uff0c\u53c8\u7ed9&nbsp;<code>el<\/code>&nbsp;\u6dfb\u52a0\u4e86\u4e8b\u4ef6\u5904\u7406\uff0c\u76f8\u5f53\u4e8e\u5728&nbsp;<code>input<\/code>&nbsp;\u4e0a\u7ed1\u5b9a\u4e86&nbsp;<code>input<\/code>&nbsp;\u4e8b\u4ef6\uff0c\u5176\u5b9e\u8f6c\u6362\u6210\u6a21\u677f\u5982\u4e0b\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;input\n  v-bind:value=\"message\"\n  v-on:input=\"message=$event.target.value\">\n<\/code><\/pre>\n\n\n\n<p>\u5176\u5b9e\u5c31\u662f\u52a8\u6001\u7ed1\u5b9a\u4e86&nbsp;<code>input<\/code>&nbsp;\u7684&nbsp;<code>value<\/code>&nbsp;\u6307\u5411\u4e86&nbsp;<code>messgae<\/code>&nbsp;\u53d8\u91cf\uff0c\u5e76\u4e14\u5728\u89e6\u53d1&nbsp;<code>input<\/code>&nbsp;\u4e8b\u4ef6\u7684\u65f6\u5019\u53bb\u52a8\u6001\u628a&nbsp;<code>message<\/code>&nbsp;\u8bbe\u7f6e\u4e3a\u76ee\u6807\u503c\uff0c\u8fd9\u6837\u5b9e\u9645\u4e0a\u5c31\u5b8c\u6210\u4e86\u6570\u636e\u53cc\u5411\u7ed1\u5b9a\u4e86\uff0c\u6240\u4ee5\u8bf4&nbsp;<code>v-model<\/code>&nbsp;\u5b9e\u9645\u4e0a\u5c31\u662f\u8bed\u6cd5\u7cd6\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let Child = {\n  template: '&lt;div>'\n  + '&lt;input :value=\"msg\" @input=\"updateValue\" placeholder=\"edit me\">' +\n  '&lt;\/div>',\n  props: &#91;'msg'],\n  model: {\n    prop: 'msg',\n    event: 'change'\n  },\n  methods: {\n    updateValue(e) {\n      this.$emit('change', e.target.value)\n    }\n  }\n}\n\nlet vm = new Vue({\n  el: '#app',\n  template: '&lt;div>' +\n  '&lt;child v-model=\"message\">&lt;\/child>' +\n  '&lt;p>Message is: {{ message }}&lt;\/p>' +\n  '&lt;\/div>',\n  data() {\n    return {\n      message: ''\n    }\n  },\n  components: {\n    Child\n  }\n})<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u8fd9\u5b9e\u9645\u4e0a\u5c31\u662f&nbsp;input&nbsp;\u5b9e\u73b0&nbsp;v-model&nbsp;\u7684\u7cbe\u9ad3\uff0c\u901a\u8fc7\u4fee\u6539 AS [&hellip;]<\/p>\n","protected":false},"author":3834,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/posts\/398"}],"collection":[{"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/users\/3834"}],"replies":[{"embeddable":true,"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/comments?post=398"}],"version-history":[{"count":1,"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/posts\/398\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/posts\/398\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/media?parent=398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/categories?post=398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/tags?post=398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}