vue教程1-02 data里面存储数据

最新推荐文章于 2023-04-25 22:25:50 发布

weixin_33939380

最新推荐文章于 2023-04-25 22:25:50 发布

阅读量474

点赞数

文章标签： javascript json java ViewUI

vue教程1-02 data里面存储数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>

    </style>
    <script src="vue.js"></script>
    <script>
        window.onload=function(){
            new Vue({
                el:'body',
                data:{
                    msg:'welcome vue',
                    msg2:12,
                    msg3:true,
                    arr:['apple','banana','orange','pear'],
                    json:{a:'apple',b:'banana',c:'orange'}
                }
            });
        };
    </script>
</head>
<body>
    <input type="text" v-model="msg">
    <input type="text" v-model="msg">
    <br>
    {{msg}}
    <br>
    {{msg2}}
    <br>
    {{msg3}}

    <br>
    {{arr}}
    <br>
    {{json}}
</body>
</html>