美文网首页
2019-01-12

2019-01-12

作者: 浮图塔断了几层 | 来源:发表于2019-01-12 19:14 被阅读0次

    index.html

    <!DOCTYPE html>

    <html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>vue</title>

        <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>

    </head>

    <body>

      <div id="app">

    <input type="text" v-model='name'>

    <span v-show="name">我的名字是:{{name}}</span><br>

    <input type="text" v-model='age'>

    <span v-if="age">我的年龄是:{{age}}</span>

      </div>

      <script src="app.js"></script>

    </body>

    </html>

    app.js

    var app = new Vue({

    el:'#app',

    data:{

        name:null,

        age:null,

    }

    });

    相关文章

      网友评论

          本文标题:2019-01-12

          本文链接:https://www.haomeiwen.com/subject/emicdqtx.html