{"id":262,"date":"2023-06-27T18:20:42","date_gmt":"2023-06-27T10:20:42","guid":{"rendered":"https:\/\/www.escook.cn\/?p=262"},"modified":"2023-09-26T21:04:27","modified_gmt":"2023-09-26T13:04:27","slug":"vue3-%e5%9f%ba%e7%a1%80-%e5%bf%ab%e9%80%9f%e4%b8%8a%e6%89%8b-%e5%b8%b8%e7%94%a8%e6%8c%87%e4%bb%a4","status":"publish","type":"post","link":"https:\/\/www.escook.cn\/index.php\/2023\/06\/27\/vue3-%e5%9f%ba%e7%a1%80-%e5%bf%ab%e9%80%9f%e4%b8%8a%e6%89%8b-%e5%b8%b8%e7%94%a8%e6%8c%87%e4%bb%a4\/","title":{"rendered":"Vue3 \u57fa\u7840 – \u5feb\u901f\u4e0a\u624b & \u5e38\u7528\u6307\u4ee4 & :key \u7684\u539f\u7406"},"content":{"rendered":"
\n

\u7248\u6743\u5f52\u4f5c\u8005 \u00a9\u5218\u9f99\u5bbe<\/strong> \u6240\u6709\uff0c\u672c\u6587\u7ae0\u672a\u7ecf\u4f5c\u8005\u5141\u8bb8\uff0c\u7981\u6b62\u79c1\u81ea\u8f6c\u8f7d\uff01<\/p>\n<\/blockquote>\n

1. \u5728 HTML \u7f51\u9875\u4e2d\u4f7f\u7528 vue3 \u76843\u4e2a\u57fa\u672c\u6b65\u9aa4<\/h2>\n
    \n
  1. \n

    \u901a\u8fc7 script<\/code> \u6807\u7b7e\u7684 src<\/code> \u5c5e\u6027\uff0c\u5728\u5f53\u524d\u7f51\u9875\u4e2d\u5168\u5c40\u5f15\u5165 vue3 \u7684\u811a\u672c\u6587\u4ef6\uff1a<\/p>\n

    <script src="https:\/\/unpkg.com\/vue@3\/dist\/vue.global.js"><\/script><\/code><\/pre>\n<\/li>\n
  2. \n
    \u521b\u5efa vue3 \u7684\u5355\u9875\u9762\u5e94\u7528\u7a0b\u5e8f\u5b9e\u4f8b\uff1a<\/p>\n
    \/\/ 2.1 \u4ece Vue \u5bf9\u8c61\u4e2d\u89e3\u6784\u51fa createApp \u51fd\u6570\nconst { createApp } = Vue\n\n\/\/ 2.2 \u8c03\u7528 createApp \u8fd9\u4e2a\u51fd\u6570\uff0c\u5c31\u80fd\u591f\u521b\u5efa\u51fa\u4e00\u4e2a\u5355\u9875\u9762\u5e94\u7528\u7a0b\u5e8f\u7684\u5b9e\u4f8b\nconst app = createApp()\n\n\/\/ 2.3 \u8c03\u7528 app \u5b9e\u4f8b\u5bf9\u8c61\u4e0a\u7684 mount() \u51fd\u6570\uff0c\n\/\/ \u6307\u5b9a\u5355\u9875\u9762\u5e94\u7528\u7a0b\u5e8f app\uff0c\u5b9e\u9645\u8981\u63a7\u5236\u9875\u9762\u4e0a\u54ea\u4e2a\u533a\u57df\u7684\u6e32\u67d3\napp.mount('#app')<\/code><\/pre>\n<\/li>\n
  3. \n
    \u58f0\u660e vue3 \u7684\u5355\u9875\u9762\u5e94\u7528\u7a0b\u5e8f\u5b9e\u4f8b\uff0c\u5b9e\u9645\u8981\u63a7\u5236\u7684\u9875\u9762\u533a\u57df\uff1a<\/p>\n
    <!-- \u6ce8\u610f\uff1a\u5982\u679c\u5185\u5bb9\u4e3a\u7a7a\uff0c\u5219 vue3 \u4f1a\u5728\u63d0\u793a\u4e00\u4e2a\u8b66\u544a\u6d88\u606f\uff1a\n[Vue warn]: Component is missing template or render function. at <App> -->\n<div id="app"><\/div><\/code><\/pre>\n<\/li>\n<\/ol>\n
    2. \u5b9a\u4e49\u548c\u6e32\u67d3\u6570\u636e<\/h2>\n
      \n
    1. \n
      \u5728\u8c03\u7528 createApp()<\/code> \u51fd\u6570\u65f6\uff0c\u53ef\u4ee5\u63d0\u4f9b\u4e00\u4e2a\u5bf9\u8c61<\/strong>\u4f5c\u4e3a\u914d\u7f6e\u53c2\u6570<\/code>\uff0c\u4f8b\u5982\uff1a<\/p>\n
      const app = createApp({ \/*\u914d\u7f6e\u5bf9\u8c61*\/ })<\/code><\/pre>\n<\/li>\n
    2. \n
      \u5982\u679c\u60f3\u63d0\u4f9b\u8981\u6e32\u67d3\u7684\u6570\u636e\uff0c\u53ef\u4ee5\u5728\u6b65\u9aa41\u7684\u914d\u7f6e\u5bf9\u8c61\u4e2d\uff0c\u901a\u8fc7 data<\/code> \u8282\u70b9\u63d0\u4f9b\u6e32\u67d3\u671f\u95f4\u8981\u4f7f\u7528\u7684\u6570\u636e\uff1a<\/p>\n
      const app = createApp({\n \/\/ 2.1 \u6ce8\u610f\uff1adata \u8282\u70b9\u662f\u4e00\u4e2a\u51fd\u6570\n data() {\n   \/\/ 2.2 \u5728 data \u51fd\u6570\u5185\u90e8\uff0creturn \u7684\u8fd9\u4e2a\u5bf9\u8c61\uff0c\u5c31\u662f\u6570\u636e\u5bf9\u8c61\uff0c\n   \/\/ \u8981\u6e32\u67d3\u7684\u6570\u636e\uff0c\u53ef\u4ee5\u76f4\u63a5\u5199\u5230\u8fd9\u4e2a\u5bf9\u8c61\u4e2d\uff0c\u4f8b\u5982 return { name: 'zs' }\n   return {}\n }\n})<\/code><\/pre>\n<\/li>\n
    3. \n
      \u5728\u6b65\u9aa42\u7684 data \u8282\u70b9\u4e2d\uff0c\u5b9a\u4e49\u4e00\u4e2a\u540d\u4e3a name<\/code> \u7684\u6570\u636e\uff0c\u503c\u662f liulongbin<\/code>\uff1a<\/p>\n
      const app = createApp({\n data() {\n   return {\n     name: 'liulongbin'\n   }\n }\n})<\/code><\/pre>\n<\/li>\n
    4. \n
      \u5728 vue3 \u63a7\u5236\u7684\u6a21\u677f\u7ed3\u6784\u4e2d\uff0c\u4f7f\u7528 {{ \u6570\u636e\u540d }}<\/code> \u8bed\u6cd5\uff0c\u628a\u6570\u636e\u6e32\u67d3\u51fa\u6765\uff1a<\/p>\n
      <div id="app">\n<h1>\u5927\u5bb6\u597d\uff0c\u6211\u662f\uff1a{{ name }}<\/h1>\n<\/div><\/code><\/pre>\n<\/li>\n
    5. \n
      \u62d3\u5c55\uff1a\u5f53\u6211\u4eec\u4fee\u6539 data \u8282\u70b9\u4e0b\u7684\u6570\u636e\u540e\uff0c\u5373\u53ef\u770b\u5230\u9875\u9762\u4e0a\u7684 HTML \u5185\u5bb9\u4f1a\u81ea\u52a8\u88ab\u5237\u65b0\u3002\u8fd9\u5c31\u662f vue \u7684\u5f3a\u5927\u4e4b\u5904\uff1a\u6570\u636e\u9a71\u52a8\u89c6\u56fe<\/strong>\u3002\u4fee\u6539 data \u6570\u636e\u7684\u793a\u4f8b\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n
      app._instance.proxy.name = 'escook'<\/code><\/pre>\n<\/li>\n<\/ol>\n
      3. vue3 \u4e2d\u5e38\u7528\u7684\u6e32\u67d3\u6307\u4ee4<\/h2>\n
      \u5728 vue \u4e2d\uff0c\u6307\u4ee4\u662f\u5e26\u6709 v-<\/code> \u524d\u7f00\u7684\u7279\u6b8a attribute\uff0c\u5b83\u662f vue \u63d0\u4f9b\u7684\u7279\u6b8a\u8bed\u6cd5\uff0c\u5927\u5bb6\u6709\u5fc5\u8981\u638c\u63e1 vue \u4e2d\u5e38\u7528\u6307\u4ee4\u7684\u4f7f\u7528\u3002<\/p>\n
      \u6307\u4ee4\u80fd\u591f\u8f85\u52a9\u524d\u7aef\u7a0b\u5e8f\u5458\u9ad8\u6548\u5730\u628a\u6570\u636e\u6e32\u67d3\u4e3a HTML \u7684\u7ed3\u6784\uff0c\u800c\u7a0b\u5e8f\u5458\u4e0d\u9700\u8981\u8c03\u7528\u4efb\u4f55\u64cd\u4f5c DOM \u7684 API\u3002<\/p>\n
      3.0 \u5e38\u7528\u6307\u4ee4\u7684\u5206\u7c7b<\/h3>\n
        \n
      1. \u5185\u5bb9\u6e32\u67d3\u6307\u4ee4<\/li>\n
      2. \u5c5e\u6027\u7ed1\u5b9a\u6307\u4ee4<\/li>\n
      3. \u53cc\u5411\u7ed1\u5b9a\u6307\u4ee4<\/li>\n
      4. \u6761\u4ef6\u6e32\u67d3\u6307\u4ee4<\/li>\n
      5. \u4e8b\u4ef6\u7ed1\u5b9a\u6307\u4ee4<\/li>\n
      6. \u5217\u8868\u6e32\u67d3\u6307\u4ee4<\/li>\n<\/ol>\n
        3.1 \u5185\u5bb9\u6e32\u67d3\u6307\u4ee4<\/h3>\n
        1. \u63d2\u503c\u8868\u8fbe\u5f0f<\/h4>\n
        \u63d2\u503c\u8868\u8fbe\u5f0f\uff08\u53c8\u53eb\u505a\uff1aMustache\uff09\u7684\u8bed\u6cd5\u4e3a {{ }}<\/code>\uff0cvue \u5728\u89e3\u6790\u6a21\u677f\u671f\u95f4\uff0c\u4f1a\u628a {{ }}<\/code> \u6240\u5728\u7684\u4f4d\u7f6e\uff0c\u66ff\u6362\u4e3a\u5bf9\u5e94\u7684\u6570\u636e\u503c\uff0c\u4f8b\u5982\uff1a<\/p>\n
        <h1>\u5927\u5bb6\u597d\uff0c\u6211\u662f\uff1a{{ name }}<\/h1><\/code><\/pre>\n
        vue \u4f1a\u628a name<\/code> \u7684\u503c\uff0c\u66ff\u6362\u5230 {{ name }}<\/code> \u6240\u5728\u7684\u4f4d\u7f6e\u3002<\/p>\n
        \n
        \u6ce8\u610f\uff1a\u63d2\u503c\u8868\u8fbe\u5f0f {{ }} \u662f\u552f\u4e00\u4e00\u4e2a\u4e0d\u4ee5 v- \u524d\u7f00\u5f00\u5934\u7684\u6307\u4ee4\u3002<\/p>\n<\/blockquote>\n
        2. v-text<\/h4>\n
        v-text<\/code> \u6307\u4ee4\u7528\u6765\u586b\u5145<\/strong> HTML \u5143\u7d20\u7684\u5185\u5bb9\uff0c\u5982\u679c HTML \u5143\u7d20\u5185\u90e8\u6709\u5176\u5b83\u5185\u5bb9\u5b58\u5728\uff0c\u5219\u4f1a\u88ab\u8986\u76d6<\/strong>\u6389\u3002\u8bed\u6cd5\u683c\u5f0f\u5982\u4e0b\uff1a<\/p>\n
        <h3 v-text="msg">\u662f\u5144\u5f1f\u5c31\u6765<\/h3><\/code><\/pre>\n
        \u5bf9\u5e94\u7684\u6570\u636e\u4e3a\uff1a<\/p>\n
        const app = createApp({\n  data() {\n    return {\n      msg: '\u780d\u6211\u5427'\n    }\n  }\n})<\/code><\/pre>\n
        \n
        \u6ce8\u610f\uff1a\u7531\u4e8e v-text \u6307\u4ee4\u5b58\u5728\u8986\u76d6\u5df2\u6709\u5185\u5bb9\u7684\u95ee\u9898\uff0c\u6240\u4ee5\u5728\u5b9e\u9645\u5f00\u53d1\u4e2d\u5b83\u5f88\u5c11\u88ab\u7528\u5230\u3002\u6700\u5e38\u7528\u7684\u8fd8\u662f {{ }} \u63d2\u503c\u8868\u8fbe\u5f0f\uff0c\u56e0\u4e3a\u5b83\u53ea\u662f\u5360\u4f4d\u7b26\uff0c\u4e0d\u4f1a\u8986\u76d6\u5df2\u6709\u5185\u5bb9\u3002<\/p>\n<\/blockquote>\n
        3. v-html<\/h4>\n
        v-html<\/code> \u6307\u4ee4\u7528\u6765\u6e32\u67d3\u5e26\u6709 HTML \u6807\u8bb0\u7684\u6587\u672c\u5185\u5bb9<\/strong>\uff0c\u5b83\u53ef\u4ee5\u628a HTML \u6807\u8bb0\u89e3\u6790\u4e3a\u771f\u6b63\u7684 HTML \u5143\u7d20<\/strong>\uff0c\u5e76\u63d2\u5165\u5230\u6a21\u677f\u4e2d\u6e32\u67d3\u3002<\/p>\n
        \u800c\u63d2\u503c\u8868\u8fbe\u5f0f\u548c v-text \u6307\u4ee4\u53ea\u4f1a\u628a HTML \u6807\u8bb0\u6e32\u67d3\u4e3a\u7eaf\u6587\u672c\uff0c\u800c\u4e0d\u662f HTML\u3002<\/p>\n
        v-html \u7684\u8bed\u6cd5\u683c\u5f0f\u5982\u4e0b\uff1a<\/p>\n
        <div v-html="rawHtml"><\/div><\/code><\/pre>\n
        \u5bf9\u5e94\u7684\u6570\u636e\u4e3a\uff1a<\/p>\n
        const app = createApp({\n  data() {\n    return {\n      rawHtml: '<span style="color: red;">\u5c11\u5e74\u5f3a\u5219\u56fd\u5f3a<\/span>'\n    }\n  }\n})<\/code><\/pre>\n
        3.2 \u5c5e\u6027\u7ed1\u5b9a\u6307\u4ee4<\/h3>\n
        1. v-bind<\/h4>\n
        v-bind<\/code> \u6307\u4ee4\u7528\u6765\u4e3a\u5143\u7d20\u7684\u5c5e\u6027<\/strong>\u7ed1\u5b9a\u52a8\u6001\u7684\u5c5e\u6027\u503c<\/strong>\u3002\u6307\u4ee4\u8bed\u6cd5\u5982\u4e0b\uff1a<\/p>\n
        <div v-bind:title="titleMsg">xxx<\/div><\/code><\/pre>\n
        \u5bf9\u5e94\u7684\u6570\u636e\u4e3a\uff1a<\/p>\n
        const app = createApp({\n  data() {\n    return {\n      titleMsg: '\u54c7\u54c8\u54c8'\n    }\n  }\n})<\/code><\/pre>\n
        \u53c8\u4f8b\u5982\uff0c\u4e3a\u56fe\u7247\u7684 src \u5c5e\u6027\u52a8\u6001\u7ed1\u5b9a\u5c5e\u6027\u7684\u503c\uff1a<\/p>\n
        <img v-bind:src="url" \/><\/code><\/pre>\n
        \u5bf9\u5e94\u7684\u6570\u636e\u4e3a\uff1a<\/p>\n
        const app = createApp({\n  data() {\n    return {\n      url: 'https:\/\/img.yzcdn.cn\/vant\/cat.jpeg'\n    }\n  }\n})<\/code><\/pre>\n
        2. v-bind \u7684\u7b80\u5199<\/h4>\n
        \u5728\u5b9e\u9645\u5f00\u53d1\u4e2d\uff0cv-bind<\/code> \u6307\u4ee4\u7684\u4f7f\u7528\u9891\u7387\u975e\u5e38\u9ad8\uff0c\u4e3a\u4e86\u7b80\u5316\u5b83\u7684\u5199\u6cd5\uff0cvue \u89c4\u5b9a v-bind<\/code> \u6307\u4ee4\u53ef\u4ee5\u7b80\u5199\u4e3a\u82f1\u6587\u7684 :<\/code> \u4e14\u4e8c\u8005\u662f\u5b8c\u5168\u7b49\u4ef7\u7684\u3002\u5982\u4e0a\u9762\u7684\u4f8b\u5b50\u53ef\u4ee5\u4f7f\u7528 :<\/code> \u7b80\u5199\u4e3a\uff1a<\/p>\n
        <div :title="titleMsg">xxx<\/div>\n<img :src="url" \/><\/code><\/pre>\n
        \u5bf9\u5e94\u7684\u6570\u636e\u4e3a\uff1a<\/p>\n
        const app = createApp({\n  data() {\n    return {\n      titleMsg: '\u54c7\u54c8\u54c8',\n      url: 'https:\/\/img.yzcdn.cn\/vant\/cat.jpeg'\n    }\n  }\n})<\/code><\/pre>\n
        \n
        \u6ce8\u610f\uff1a\u4eca\u540e\u5728 vue \u9879\u76ee\u5f00\u53d1\u4e2d\uff0c\u53ea\u8981\u770b\u5230\u67d0\u4e2a\u5c5e\u6027\u524d\u9762\u51fa\u73b0\u4e86\u82f1\u6587\u7684 : \u90a3\u4e48\uff0c\u4e00\u5b9a\u662f\u4e3a\u8fd9\u4e2a\u5c5e\u6027\u7ed1\u5b9a\u4e86\u52a8\u6001\u7684\u503c\u3002<\/p>\n<\/blockquote>\n
        3. \u7ed1\u5b9a\u5e03\u5c14\u503c<\/h4>\n
        \u5728 vue \u4e2d\uff0c\u67d0\u4e9b\u5c5e\u6027\u7684\u53d6\u503c\u53ef\u4ee5\u662f\u5e03\u5c14\u503c true \u6216 false\uff0c\u8868\u793a\u5f53\u524d\u7684\u5c5e\u6027\u662f\u5426\u5e94\u8be5\u5e94\u7528\u4e8e\u5f53\u524d\u7684\u5143\u7d20<\/strong>\u3002\u4f8b\u5982 disabled<\/code> \u5c5e\u6027\uff1a<\/p>\n
        <!-- \u7981\u7528\u6309\u94aeA -->\n<button :disabled="true">\u6309\u94aeA<\/button>\n\n<!-- \u4e0d\u7981\u7528\u6309\u94aeB -->\n<button :disabled="false">\u6309\u94aeB<\/button><\/code><\/pre>\n
        \u4e0e\u4e4b\u7c7b\u4f3c\u7684\uff0c\u8fd8\u6709 radio \u548c checkbox \u7684 checked<\/code> \u5c5e\u6027\uff1a<\/p>\n
        <!-- \u9ed8\u8ba4\u9009\u4e2d\u201c\u7537\u201d -->\n<input type="radio" name="gender" :checked="true">\u7537\n<input type="radio" name="gender">\u5973\n\n<!-- \u9ed8\u8ba4\u9009\u4e2d\u201c\u8db3\u7403\u201d\u548c\u201c\u4e52\u4e53\u7403\u201d -->\n<input type="checkbox" name="hobby">\u7bee\u7403\n<input type="checkbox" name="hobby" :checked="true">\u8db3\u7403\n<input type="checkbox" name="hobby" :checked="true">\u4e52\u4e53\u7403<\/code><\/pre>\n
        \u53e6\u5916\uff0c\u8868\u5355\u5143\u7d20 select<\/code> \u4e0b\u7684 option<\/code> \u9009\u9879\u7684 selected<\/code> \u5c5e\u6027\uff0c\u4e5f\u53ef\u4ee5\u7ed1\u5b9a\u5e03\u5c14\u503c\uff1a<\/p>\n
        <select>\n  <option value="\u5317\u4eac">\u5317\u4eac<\/option>\n  <option value="\u4e0a\u6d77" :selected="true">\u4e0a\u6d77<\/option>\n  <option value="\u5e7f\u5dde">\u5e7f\u5dde<\/option>\n<\/select><\/code><\/pre>\n
        4. \u52a8\u6001\u7ed1\u5b9a\u591a\u4e2a\u503c<\/h4>\n
        \u5982\u679c\u8981\u4e3a\u67d0\u4e2a\u5143\u7d20\u540c\u65f6\u7ed1\u5b9a\u591a\u4e2a<\/strong>\u52a8\u6001\u7684\u5c5e\u6027\u503c\uff0c\u53ef\u4ee5\u628a\u591a\u4e2a\u52a8\u6001\u5c5e\u6027\u5c01\u88c5\u4e3a\u4e00\u4e2a JavaScript \u5bf9\u8c61\uff1a<\/p>\n
        const app = createApp({\n  data() {\n    return {\n      \/\/ propObj \u5bf9\u8c61\u4e2d\u5c01\u88c5\u4e86\u4e00\u7cfb\u5217\u5c5e\u6027\u7684\u952e\u503c\u5bf9\n      attrsObj: {\n        id: 'box',\n        class: 'container',\n        title: '\u5e03\u5c40\u5bb9\u5668'\n      }\n    }\n  }\n})<\/code><\/pre>\n
        \u901a\u8fc7\u4e0d\u5e26\u53c2\u6570\u7684<\/strong> v-bind<\/code> \u6307\u4ee4\uff0c\u5373\u53ef\u65b9\u4fbf\u7684\u628a attrsObj \u5bf9\u8c61\u4e2d\u5c01\u88c5\u7684\u5c5e\u6027\uff0c\u4e00\u6b21\u6027\u7ed1\u5b9a\u5230\u5bf9\u5e94\u7684\u5143\u7d20\u4e0a\uff1a<\/p>\n
        <div v-bind="attrsObj">\u9876\u90e8 header \u533a\u57df<\/div><\/code><\/pre>\n
        \n
        \u6ce8\u610f\uff1a\u4e0d\u5e26\u53c2\u6570\u7684 v-bind \u6307\u4ee4\uff0c\u6307\u7684\u662f\u7701\u7565\u4e86 :\u5c5e\u6027\u540d<\/code> \u7684\u7528\u6cd5\u3002<\/p>\n<\/blockquote>\n
        5. \u62d3\u5c55\uff1a\u4f7f\u7528 JavaScript \u8868\u8fbe\u5f0f<\/h4>\n
          \n
        1. \n
          \u5728 vue \u7684\u6570\u636e\u7ed1\u5b9a\u4e2d\uff0c\u9664\u4e86\u652f\u6301\u7b80\u5355\u7684\u5c5e\u6027\u540d\u7ed1\u5b9a<\/strong>\u4e4b\u5916\uff0c\u8fd8\u652f\u6301\u5b8c\u6574\u7684 JavaScript \u8868\u8fbe\u5f0f\u7ed1\u5b9a<\/strong>\u3002<\/p>\n<\/li>\n
        2. \n
          \u4f8b\u5982\uff0c\u4ee5\u4e0b\u8fd9\u4e9b\u90fd\u5c5e\u4e8e\u7b80\u5355\u7684\u5c5e\u6027\u540d\u7ed1\u5b9a\uff0c\u5b83\u4eec\u662f\u76f4\u63a5\u628a data \u4e2d\u6570\u636e\u9879\u7684\u540d\u5b57\uff0c\u7ed1\u5b9a\u5230\u4e86\u6a21\u677f\u4e2d\uff1a<\/p>\n
          <div>\u6211\u662f\uff1a{{ name }}<\/div>\n\n<div v-text="msg"><\/div>\n\n<img :src="url" \/><\/code><\/pre>\n<\/li>\n
        3. \n
          \u9664\u6b64\u4e4b\u5916\uff0c\u8fd8\u652f\u6301\u8868\u8fbe\u5f0f\u7684\u7ed1\u5b9a\uff0c\u4f8b\u5982\uff1a<\/p>\n
          <!-- \u51fd\u6570\u7684\u8c03\u7528 & \u6570\u5b66\u8fd0\u7b97 -->\n<div>\u6211\u662f\uff1a{{ name.toUpperCase() }}\uff0c\u6211\u4eca\u5e74{{ age + 1 }}\u5c81\u4e86\u3002<\/div>\n\n<!-- \u51fd\u6570\u7684\u8c03\u7528 -->\n<div v-text="msg.split('').reverse().join('')"><\/div>\n\n<!-- \u5b57\u7b26\u4e32\u7684\u62fc\u63a5 -->\n<img :src="'https:\/\/img.yzcdn.cn\/vant\/' + url" \/>\n\n<!-- \u4e09\u5143\u8868\u8fbe\u5f0f -->\n<div>{{ age >= 18 ? '\u62bd\u70df\u559d\u9152\u70eb\u5934' : '\u53ef\u4e50\u725b\u5976\u5a03\u54c8\u54c8' }}<\/div><\/code><\/pre>\n
          \u5bf9\u5e94\u7684\u6570\u636e\u5982\u4e0b\uff1a<\/p>\n
          const app = createApp({\n data() {\n   return {\n     name: 'liulongbin',\n     age: 17,\n     msg: '\u51af\u7ecd\u5cf0',\n     url: 'cat.jpeg'\n   }\n }\n})<\/code><\/pre>\n<\/li>\n<\/ol>\n
          3.3 \u53cc\u5411\u7ed1\u5b9a\u6307\u4ee4<\/h3>\n
          v-model<\/code> \u53cc\u5411\u7ed1\u5b9a\u6307\u4ee4\uff0c\u7b80\u5316\u4e86\u8868\u5355\u5143\u7d20<\/strong>\u7684\u8d4b\u503c\u548c\u53d6\u503c<\/strong>\u64cd\u4f5c\u3002<\/p>\n
          v-model<\/code> \u7684\u4f5c\u7528\uff1a<\/p>\n
            \n
          1. data \u6570\u636e\u6e90\u53d1\u751f\u53d8\u5316\uff0c\u81ea\u52a8\u91cd\u65b0\u6e32\u67d3\u9875\u9762<\/li>\n
          2. \u8868\u5355\u6570\u636e\u53d1\u751f\u53d8\u5316\uff0c\u81ea\u52a8\u66f4\u65b0\u5230 data \u6570\u636e\u6e90\u4e2d<\/li>\n<\/ol>\n
            1. \u6587\u672c\u6846\u7684\u53cc\u5411\u7ed1\u5b9a<\/h4>\n
            input \u5143\u7d20\u901a\u8fc7 v-model \u6307\u4ee4\uff0c\u53ef\u4ee5\u65b9\u4fbf\u5730\u8fdb\u884c\u8d4b\u503c\u548c\u53d6\u503c\uff0c\u793a\u4f8b\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n
            <p>Message \u7684\u503c\u662f\uff1a{{ message }}<\/p>\n<input type="text" v-model="message"><\/code><\/pre>\n
            \u5bf9\u5e94\u7684\u6570\u636e\u5982\u4e0b\uff1a<\/p>\n
            const app = createApp({\n  data() {\n    return {\n      message: 'hello'\n    }\n  }\n})<\/code><\/pre>\n
            2. \u591a\u884c\u6587\u672c\u6846\u7684\u53cc\u5411\u7ed1\u5b9a<\/h4>\n
            textarea \u5143\u7d20\u901a\u8fc7 v-model \u6307\u4ee4\uff0c\u53ef\u4ee5\u65b9\u4fbf\u5730\u8fdb\u884c\u8d4b\u503c\u548c\u53d6\u503c\uff0c\u793a\u4f8b\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n
            <p>Message \u7684\u503c\u662f\uff1a<\/p>\n<pre>{{ message }}<\/pre>\n<textarea v-model="message"><\/textarea><\/code><\/pre>\n
            \u5bf9\u5e94\u7684\u6570\u636e\u5982\u4e0b\uff1a<\/p>\n
            const app = createApp({\n  data() {\n    return {\n      \/\/ \u6ce8\u610f\uff1a\u8fd9\u91cc\u7684 \\n \u662f\u6362\u884c\u7b26\n      message: 'hello \\nworld.'\n    }\n  }\n})<\/code><\/pre>\n
            3. \u590d\u9009\u6846\u7684\u53cc\u5411\u7ed1\u5b9a<\/h4>\n
              \n
            1. \n
              \u5355\u4e00\u590d\u9009\u6846<\/strong>\u7684\u53cc\u5411\u7ed1\u5b9a\uff0c\u7ed1\u5b9a\u7684\u662f\u5e03\u5c14\u7c7b\u578b<\/strong>\u7684\u503c\uff1a<\/p>\n
              <p>\u590d\u9009\u6846\u9009\u4e2d\u7684flag\u503c\u4e3a\uff1a{{flag}}<\/p>\n<input type="checkbox" v-model="flag"><\/code><\/pre>\n
              \u5bf9\u5e94\u7684\u6570\u636e\u5982\u4e0b\uff1a<\/p>\n
              const app = createApp({\n data() {\n   return {\n     \/\/ \u662f\u5426\u88ab\u9009\u4e2d\n     flag: false\n   }\n }\n})<\/code><\/pre>\n<\/li>\n
            2. \n
              \u591a\u4e2a\u590d\u9009\u6846<\/strong>\u7684\u53cc\u5411\u7ed1\u5b9a\uff0c\u7ed1\u5b9a\u7684\u662f\u6570\u7ec4\u7c7b\u578b<\/strong>\u7684\u503c\uff0c\u800c\u4e14\u6bcf\u4e2a checkbox \u5fc5\u987b\u901a\u8fc7 value \u5c5e\u6027<\/strong>\u63d0\u4f9b\u9009\u4e2d\u9879\u7684\u503c<\/strong>\uff1a<\/p>\n
              <p>\u591a\u4e2a\u590d\u9009\u6846\u9009\u4e2d\u7684 hobbies \u503c\u4e3a\uff1a{{ hobbies }}<\/p>\n<label><input type="checkbox" v-model="hobbies" value="\u7bee\u7403">\u7bee\u7403<\/label>\n<label><input type="checkbox" v-model="hobbies" value="\u8db3\u7403">\u8db3\u7403<\/label>\n<label><input type="checkbox" v-model="hobbies" value="\u51b0\u7403">\u51b0\u7403<\/label><\/code><\/pre>\n
              \u5bf9\u5e94\u7684\u6570\u636e\u5982\u4e0b\uff1a<\/p>\n
              const app = createApp({\n data() {\n   return {\n     \/\/ \u9009\u4e2d\u7684\u503c\n     hobbies: []\n   }\n }\n})<\/code><\/pre>\n<\/li>\n<\/ol>\n
              4. \u5355\u9009\u6309\u94ae\u7684\u53cc\u5411\u7ed1\u5b9a<\/h4>\n
              \u5355\u9009\u6309\u94ae\u7684\u7279\u70b9\u662f\u591a\u9009\u4e00\uff0c\u6240\u4ee5\u5bf9\u5355\u9009\u6309\u94ae\u8fdb\u884c\u53cc\u5411\u7ed1\u5b9a\u65f6\uff0c\u9700\u8981\u628a\u591a\u4e2a\u5355\u9009\u6309\u94ae\u901a\u8fc7 v-model \u6307\u4ee4\u7ed1\u5b9a\u5230\u540c\u4e00\u4e2a\u6570\u636e\u6e90\uff0c\u5e76\u901a\u8fc7 value \u5c5e\u6027\u6307\u5b9a\u9009\u4e2d\u540e\u7684\u503c\uff1a<\/p>\n
              <p>\u5355\u9009\u6309\u94ae\u9009\u4e2d\u7684 gender \u503c\u4e3a\uff1a{{ gender }}<\/p>\n<label><input type="radio" v-model="gender" value="\u7537">\u7537<\/label>\n<label><input type="radio" v-model="gender" value="\u5973">\u5973<\/label><\/code><\/pre>\n
              \u5bf9\u5e94\u7684\u6570\u636e\u5982\u4e0b\uff1a<\/p>\n
              const app = createApp({\n  data() {\n    return {\n      \/\/ \u9009\u4e2d\u7684\u503c\n      gender: '\u7537'\n    }\n  }\n})<\/code><\/pre>\n
              5. \u9009\u62e9\u5668\u7684\u53cc\u5411\u7ed1\u5b9a<\/h4>\n
                \n
              1. \n
                \u5355\u9009\u9009\u62e9\u5668<\/strong>\u7684\u53cc\u5411\u7ed1\u5b9a\uff0c\u53ea\u5141\u8bb8\u9009\u4e2d\u4e00\u4e2a\u503c\uff1a<\/p>\n
                <p>\u9009\u4e2d\u7684\u57ce\u5e02\u4e3a\uff1a{{ city }}<\/p>\n<select v-model="city">\n <option value="">\u8bf7\u9009\u62e9<\/option>\n <option value="beijing">\u5317\u4eac<\/option>\n <option value="shanghai">\u4e0a\u6d77<\/option>\n <option value="nanjing">\u5357\u4eac<\/option>\n<\/select><\/code><\/pre>\n
                \u5bf9\u5e94\u7684\u6570\u636e\u5982\u4e0b\uff1a<\/p>\n
                const app = createApp({\n data() {\n   return {\n     city: ''\n   }\n }\n})<\/code><\/pre>\n<\/li>\n
              2. \n
                \u591a\u9009\u9009\u62e9\u5668<\/strong>\u7684\u53cc\u5411\u7ed1\u5b9a\uff0c\u5141\u8bb8\u9009\u4e2d\u591a\u4e2a\u503c\uff0c\u6240\u4ee5\u9700\u8981\u7ed1\u5b9a\u6570\u7ec4\u683c\u5f0f<\/strong>\u7684\u6570\u636e\u6e90\uff1a<\/p>\n
                <p>\u9009\u4e2d\u7684\u57ce\u5e02\u4e3a\uff1a{{ areas }}<\/p>\n<select v-model="areas" multiple>\n <option value="shunyi">\u987a\u4e49\u533a<\/option>\n <option value="haidian">\u6d77\u6dc0\u533a<\/option>\n <option value="daxing">\u5927\u5174\u533a<\/option>\n<\/select><\/code><\/pre>\n
                \u5bf9\u5e94\u7684\u6570\u636e\u5982\u4e0b\uff1a<\/p>\n
                const app = createApp({\n data() {\n   return {\n     areas: []\n   }\n }\n})<\/code><\/pre>\n<\/li>\n<\/ol>\n
                6. v-model \u7684 .lazy \u4fee\u9970\u7b26<\/h4>\n
                \u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0cv-model<\/code> \u4f1a\u5728\u6bcf\u6b21 input<\/code> \u4e8b\u4ef6\u540e\u66f4\u65b0\u6570\u636e\u3002\u53ef\u4ee5\u6dfb\u52a0 .lazy<\/code> \u4fee\u9970\u7b26\u6765\u6539\u4e3a\u5728\u6bcf\u6b21 change<\/code> \u4e8b\u4ef6\u540e\u66f4\u65b0\u6570\u636e\uff1a<\/p>\n
                <input v-model.lazy="msg" \/><\/code><\/pre>\n
                7. v-model \u7684 .number \u4fee\u9970\u7b26<\/h4>\n
                \u5982\u679c\u4f60\u60f3\u8ba9\u7528\u6237\u8f93\u5165\u81ea\u52a8\u8f6c\u6362\u4e3a\u6570\u5b57\uff0c\u4f60\u53ef\u4ee5\u5728 v-model<\/code> \u540e\u6dfb\u52a0 .number<\/code> \u4fee\u9970\u7b26\u6765\u7ba1\u7406\u8f93\u5165\uff1a<\/p>\n
                <input v-model.number="age" \/><\/code><\/pre>\n
                \u6ce8\u610f\uff1a<\/p>\n
                  \n
                1. \u5982\u679c\u8be5\u503c\u65e0\u6cd5\u88ab parseFloat()<\/code> \u5904\u7406\uff0c\u90a3\u4e48\u5c06\u8fd4\u56de\u539f\u59cb\u503c\u3002<\/li>\n
                2. number<\/code> \u4fee\u9970\u7b26\u4f1a\u5728\u8f93\u5165\u6846\u6709 type="number"<\/code> \u65f6\u81ea\u52a8\u542f\u7528\u3002<\/li>\n<\/ol>\n
                  8. v-model \u7684 .trim \u4fee\u9970\u7b26<\/h4>\n
                  \u5982\u679c\u4f60\u60f3\u8981\u9ed8\u8ba4\u81ea\u52a8\u53bb\u9664\u7528\u6237\u8f93\u5165\u5185\u5bb9\u4e2d\u4e24\u7aef\u7684\u7a7a\u683c\uff0c\u4f60\u53ef\u4ee5\u5728 v-model<\/code> \u540e\u6dfb\u52a0 .trim<\/code> \u4fee\u9970\u7b26\uff1a<\/p>\n
                  <input v-model.trim="msg" \/><\/code><\/pre>\n
                  3.4 \u6761\u4ef6\u6e32\u67d3\u6307\u4ee4<\/h3>\n
                  \u6761\u4ef6\u6e32\u67d3\u6307\u4ee4\u7528\u6765\u6761\u4ef6\u6027\u5730\u6e32\u67d3\u9875\u9762\u4e0a\u7684\u67d0\u4e00\u90e8\u5206\u5185\u5bb9\u3002\u53ea\u6709\u8868\u8fbe\u5f0f\u7684\u6761\u4ef6\u6210\u7acb\uff0c\u624d\u4f1a\u771f\u6b63\u6e32\u67d3\u8fd9\u4e00\u90e8\u5206\u7684\u5185\u5bb9\u3002<\/p>\n
                  \u5e38\u7528\u7684\u6761\u4ef6\u6e32\u67d3\u6307\u4ee4\u662f v-if<\/code>\u3001v-else<\/code> \u548c v-else-if<\/code>\u3002\u5176\u4e2d\uff0cv-if<\/code> \u6307\u4ee4\u53ef\u4ee5\u5355\u72ec\u4f7f\u7528\uff0c\u4e5f\u53ef\u4ee5\u7ed3\u5408 v-else<\/code> \u548c v-else-if<\/code> \u6307\u4ee4\u5b9e\u73b0\u4e24\u4e2a<\/strong>\u6216\u591a\u4e2a<\/strong>\u6761\u4ef6\u7684\u6309\u9700\u6e32\u67d3\u3002<\/p>\n
                  1. v-if \u7684\u4f7f\u7528<\/h4>\n
                  v-if \u7684\u8bed\u6cd5\u683c\u5f0f\u5982\u4e0b\uff1a<\/p>\n
                  <div v-if="\u8868\u8fbe\u5f0f"><\/div><\/code><\/pre>\n
                  \u5176\u4e2d\uff0c\u53ea\u6709\u8868\u8fbe\u5f0f\u7684\u8fd4\u56de\u503c\u4e3a true \u65f6\uff0c\u624d\u4f1a\u771f\u6b63\u6e32\u67d3\u88ab v-if \u6307\u4ee4\u63a7\u5236\u7684 div \u5143\u7d20\u3002<\/p>\n
                  \u5982\u679c v-if \u7684\u8868\u8fbe\u5f0f\u8fd4\u56de\u503c\u4e3a false\uff0c\u5219\u88ab v-if \u6307\u4ee4\u63a7\u5236\u7684 div \u4e0d\u4f1a\u88ab\u6e32\u67d3\u5230\u6d4f\u89c8\u5668\u4e2d\u3002<\/p>\n
                  \u4f8b\u5982\uff1a<\/p>\n
                  <div v-if="flag">\u65e0\u654c\u662f\u591a\u4e48\u7684\u5bc2\u5bde<\/div><\/code><\/pre>\n
                  \u5bf9\u5e94\u7684\u6570\u636e\u4e3a\uff1a<\/p>\n
                  const app = createApp({\n  data() {\n    return {\n      flag: true\n    }\n  }\n})<\/code><\/pre>\n
                  2. v-if \u7ed3\u5408 v-else \u7684\u4f7f\u7528<\/h4>\n
                  v-if<\/code> \u6307\u4ee4\u53ef\u4ee5\u7ed3\u5408 v-else<\/code> \u6307\u4ee4\u4e00\u8d77\u4f7f\u7528\u3002<\/p>\n
                  \u5f53\u6761\u4ef6\u4e3a\u771f<\/strong>\u65f6\u6e32\u67d3\u88ab v-if<\/code> \u6307\u4ee4\u63a7\u5236\u7684\u5143\u7d20\uff0c\u5f53\u6761\u4ef6\u4e3a\u5047<\/strong>\u65f6\u6e32\u67d3\u88ab v-else<\/code> \u6307\u4ee4\u63a7\u5236\u7684\u5143\u7d20\u3002\u4f8b\u5982\uff1a<\/p>\n
                  <div v-if="age >= 18">\u62bd\u70df\u559d\u9152\u70eb\u5934<\/div>\n<div v-else>\u725b\u5976\u53ef\u4e50\u5a03\u54c8\u54c8<\/div><\/code><\/pre>\n
                  \n
                  \u6ce8\u610f\uff1av-else \u6307\u4ee4\u4e0d\u9700\u8981\u901a\u8fc7 = \u6307\u5b9a\u76f8\u5e94\u7684\u8868\u8fbe\u5f0f\uff0c\u56e0\u4e3a v-else \u662f\u515c\u5e95\u7684\u6761\u4ef6<\/strong>\uff0c\u53ea\u8981\u524d\u9762\u7684\u6240\u6709\u6761\u4ef6\u90fd\u4e0d\u6ee1\u8db3\uff0c\u90a3\u4e48\u5fc5\u7136\u4f1a\u89e6\u53d1 v-else \u7684\u6267\u884c\u3002<\/p>\n<\/blockquote>\n
                  3. v-if \u7ed3\u5408 v-else-if \u548c v-else \u7684\u4f7f\u7528<\/h4>\n
                  v-if<\/code> \u6307\u4ee4\u53ef\u4ee5\u7ed3\u5408 v-else-if<\/code> \u548c v-else<\/code> \u6307\u4ee4\u4e00\u8d77\u4f7f\u7528\uff0c\u4ece\u800c\u7ec4\u6210\u590d\u6742\u7684\u6761\u4ef6\u6e32\u67d3\u903b\u8f91\u3002<\/p>\n
                  \u5f53 v-if<\/code> \u6216\u67d0\u4e2a v-else-if<\/code> \u76f8\u5e94\u7684\u6761\u4ef6\u4e3a\u771f\u65f6\uff0c\u88ab\u63a7\u5236\u7684\u5143\u7d20\u624d\u4f1a\u88ab\u6e32\u67d3\u3002<\/p>\n
                  \u6700\u540e\u7684 v-else<\/code> \u4f9d\u7136\u662f\u515c\u5e95\u7684\u6761\u4ef6\uff0c\u5f53\u6240\u6709\u7684 v-if<\/code> \u548c v-else-if<\/code> \u6761\u4ef6\u90fd\u4e0d\u6210\u7acb\u65f6\uff0c\u624d\u4f1a\u89e6\u53d1 v-else \u7684\u6267\u884c\u3002\u4f8b\u5982\uff1a<\/p>\n
                  <div v-if="score === 'A'">\u4f18\u79c0<\/div>\n<div v-else-if="score === 'B'">\u826f\u597d<\/div>\n<div v-else-if="score === 'C'">\u4e00\u822c<\/div>\n<div v-else>\u5dee<\/div><\/code><\/pre>\n
                  \u5bf9\u5e94\u7684\u6570\u636e\u4e3a\uff1a<\/p>\n
                  const app = createApp({\n  data() {\n    return {\n      score: 'A'\n    }\n  }\n})<\/code><\/pre>\n
                  4. <template> \u4e0a\u7684 v-if<\/h4>\n
                  \u6b63\u5e38\u60c5\u51b5\u4e0b v-if<\/code> \u6307\u4ee4\u53ea\u80fd\u63a7\u5236\u5355\u4e2a\u5143\u7d20<\/strong>\u7684\u663e\u793a\u548c\u9690\u85cf\u3002\u5982\u679c\u9700\u8981\u4f7f\u7528 v-if<\/code> \u63a7\u5236\u4e00\u7ec4\u5143\u7d20<\/strong>\u7684\u663e\u793a\u548c\u9690\u85cf\uff0c\u5c31\u9700\u8981\u5728\u8fd9\u4e00\u7ec4\u5143\u7d20\u4e4b\u5916\u5305\u88f9\u4e00\u4e2a div \u4f5c\u4e3a\u5bb9\u5668<\/strong>\uff0c\u5e76\u5c06 v-if<\/code> \u6307\u4ee4\u5e94\u7528\u4e8e div \u5bb9\u5668\u4e4b\u4e0a<\/strong>\uff0c\u4f8b\u5982\uff1a<\/p>\n
                  <div v-if="true">\n  <h1>\u548f\u9e45<\/h1>\n  <p>\u9e45\u9e45\u9e45\uff0c\u66f2\u9879\u5411\u5929\u6b4c\u3002<\/p>\n  <p>\u767d\u6bdb\u6d6e\u7eff\u6c34\uff0c\u7ea2\u638c\u62e8\u6e05\u6ce2\u3002<\/p>\n<\/div><\/code><\/pre>\n
                  \u8fd9\u4e48\u505a\u867d\u7136\u80fd\u5b9e\u73b0\u9700\u6c42\uff0c\u4f46\u4f1a\u5728\u9875\u9762\u4e0a\u6e32\u67d3\u51fa\u4e00\u4e2a\u591a\u4f59\u7684 div \u5bb9\u5668\u3002<\/p>\n
                  \u66f4\u597d\u7684\u65b9\u6848\u662f\u4f7f\u7528 vue \u5185\u7f6e\u7684 <template><\/code> \u5143\u7d20\u4f5c\u4e3a\u5916\u5c42\u5305\u88f9\u6027\u8d28\u7684\u5bb9\u5668\uff0c\u56e0\u4e3a\u5b83\u4e0d\u4f1a\u88ab\u6e32\u67d3\u4e3a\u5b9e\u9645\u7684\u5143\u7d20\uff0c\u53ea\u8d77\u5230\u5305\u88f9\u6027\u8d28\u7684\u4f5c\u7528<\/strong>\u3002\u4f8b\u5982\uff1a<\/p>\n
                  <template v-if="true">\n  <h1>\u548f\u9e45<\/h1>\n  <p>\u9e45\u9e45\u9e45\uff0c\u66f2\u9879\u5411\u5929\u6b4c\u3002<\/p>\n  <p>\u767d\u6bdb\u6d6e\u7eff\u6c34\uff0c\u7ea2\u638c\u62e8\u6e05\u6ce2\u3002<\/p>\n<\/template><\/code><\/pre>\n
                  5. v-show \u6307\u4ee4\u7684\u4f7f\u7528<\/h4>\n
                  \u53e6\u4e00\u4e2a\u53ef\u4ee5\u7528\u6765\u5b9e\u73b0\u6761\u4ef6\u6e32\u67d3\u7684\u6307\u4ee4\u662f v-show<\/code>\u3002\u5b83\u7684\u8bed\u6cd5\u683c\u5f0f\u5982\u4e0b\uff1a<\/p>\n
                  <h1 v-show="flag">Hello!<\/h1><\/code><\/pre>\n
                  \u5982\u679c\u8868\u8fbe\u5f0f\u7684\u503c\u4e3a true<\/strong>\uff0c\u5219\u88ab\u63a7\u5236\u7684\u5143\u7d20\u4f1a\u88ab\u663e\u793a<\/strong>\uff1b<\/p>\n
                  \u5982\u679c\u8868\u8fbe\u5f0f\u7684\u503c\u4e3a false<\/strong>\uff0c\u5219\u88ab\u63a7\u5236\u7684\u5143\u7d20\u4f1a\u88ab\u9690\u85cf<\/strong>\u3002<\/p>\n
                  \n
                  \u6ce8\u610f\uff1av-show \u6307\u4ee4\u4e0d\u652f\u6301\u5728 <template>\u00a0\u5143\u7d20\u4e0a\u4f7f\u7528\uff0c\u4e5f\u4e0d\u80fd\u548c v-else \u642d\u914d\u4f7f\u7528\u3002<\/p>\n<\/blockquote>\n
                  6. v-if \u548c v-show \u7684\u5bf9\u6bd4<\/h4>\n
                  \u76f8\u540c\u70b9\uff1a<\/strong><\/p>\n
                  v-if<\/code> \u548c v-show<\/code> \u6307\u4ee4\u90fd\u80fd\u63a7\u5236\u5143\u7d20\u7684\u6761\u4ef6\u6e32\u67d3\u3002<\/p>\n
                    \n
                  1. \u5982\u679c\u8868\u8fbe\u5f0f\u7684\u503c\u4e3a true<\/strong>\uff0c\u5219\u88ab\u63a7\u5236\u7684\u5143\u7d20\u4f1a\u88ab\u663e\u793a<\/strong>\uff1b<\/li>\n
                  2. \u5982\u679c\u8868\u8fbe\u5f0f\u7684\u503c\u4e3a false<\/strong>\uff0c\u5219\u88ab\u63a7\u5236\u7684\u5143\u7d20\u4f1a\u88ab\u9690\u85cf<\/strong>\u3002<\/li>\n<\/ol>\n
                    \u4e0d\u540c\u70b9\uff1a<\/strong><\/p>\n
                      \n
                    1. \u63a7\u5236\u5143\u7d20\u663e\u793a\u548c\u9690\u85cf\u7684\u624b\u6bb5\u4e0d\u540c<\/strong>\uff1a\n