vue的类和风格

,,& lt; !DOCTYPE html>

,,& lt; html>

,,,,& lt; head>

,,,,,,& lt;元charset=" utf - 8 "/祝辞

,,,,,,& lt; title>类和style

,,,,& lt;/head>

,,,,& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/vue.js "祝辞& lt;/script>

,,,,& lt; script>

,,,,,,窗口。onload=function () {

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

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

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

,,,,,,,,让vm=new Vue ({

,,,,,,,,,,埃尔:“# div1”,

,,,,,,,,,,数据:{

,,,,,,,,,,,pp:“a”,

,,,,,,,,,,,p2:{没错,b:真},//可以用json格式,真的就是为启用,假的就是禁用

,,,,,,,,,,,猪圈:{颜色:“蓝”},//风格形式

,,,,,,,,,,}

,,,,,,,,});

,,,,,,}

,,,,& lt;/script>

,,,,& lt;风格类型=" text/css "在

,,,,,,background - color。{:黄色}

,,,,,,。b{字体大小:20 px;}

,,,,& lt;/style>

,,,,& lt; body>

,,,,,,& lt; div id=" div1 "在

,,,,,,,,& lt; p:类=皃2”在类属性& lt;/p>

,,,,,,,,& lt; p:祝辞风格属性& lt;/p>

,,,,,,& lt;/div>

,,,,& lt;/body>

,,& lt;/html>


vue的类和风格