我按照老师演示的style绑定，给app添加了背景颜色，但是没有效果，请问该如何正确设置其背景色？？
代码如下：
<!DOCTYPE HTML><html xmlns:th="http://www.thymeleaf.org"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Getting Started: Serving Web Content</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- import Vue before Element --> <script src="https://unpkg.com/vue/dist/vue.js"></script> <!-- import JavaScript --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <!-- import vue-resource --> <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script></head><body> <!-- hello wzj --> <div id="app" :style="backgroudcolor"> <!-- 获取检索信息的表单 --> </div></body>
backgroudcolor: { backgroundColor: 'red' }您好，欢迎关注，
有多种做法，楼上同学的方法也是可行的，不过不方便阅读与修改，建议使用class进行样式的管理。
首先，Class与Style绑定中，Style的绑定要使用驼峰写法。
如：
:style="backgroundColor: red"
其次，在App.vue组件中，可以对组件加入样式，写在<style lang="scss">// 样式写在这里</style>
去掉style前面的冒号（：），直接赋值即可