温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

vue属性绑定和属性简写

发布时间:2020-06-23 07:02:27 来源:网络 阅读:956 作者:811427792 栏目:开发技术

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>属性绑定和属性简写</title>

    </head>

    <script type="text/javascript" src="js/vue.js" ></script>

    <script>

        window.onload = function(){

            //配置是否允许检查代码,方便调试,生产环境中设置为false

            Vue.config.devtools = true;  //检查代码

            Vue.config.productioinTip = false;  //有强迫症的,可以关掉生产中的提示信息

            let vm = new Vue({

                el: "#div1",

                data:{

                  url: 'img/super_man.jpg',

                    w: '100px;',

                    h: '50px;'

                }

            });

        }

    </script>

    

    <body>

        <div id="div1">

            <img :src="url" :width="w" :height="h">

        </div>

    </body>

</html>


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI