vue属性绑定和属性简写

发布时间:2020-06-23 07:02:27 作者:811427792
来源:网络 阅读:957

<!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>


推荐阅读:
  1. AS3 属性绑定
  2. C# 属性绑定

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

vue 属性绑定 属性简写

上一篇:使用html5+canvas+Jquery实现的纯代码连线题

下一篇:ansible控制windows安装及运行error与解决方法

相关阅读

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

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