,,& 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>