vue的class和style

发布时间:2020-08-08 04:13:01 作者:811427792
来源:网络 阅读:611

    <!DOCTYPE html>

    <html>

        <head>

            <meta charset="utf-8" />

            <title>class和style</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:{

                      pp:'a',

                      p2:{a:true,b:true}, //可以用json格式,true就是为启用,false就是禁用

                      sty:{color:'blue'}  //style形式

                    }

                });

            }

        </script>

        <style type="text/css">

            .a{background-color: yellow}

            .b{font-size: 20px;}

        </style>

        <body>

            <div id="div1">

                <p :class="p2">class属性</p>

                <p :>style属性</p>

            </div>

        </body>

    </html>


推荐阅读:
  1. Vue.js Class与Style绑定
  2. vue计算属性+vue中class与style绑定的示例分析

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

class vue style

上一篇:Logstash将解析的日志插入MySQL数据库

下一篇:MYSQL INNODB innodb_thread_concurrency相关参数理解

相关阅读

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

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