【对象语法】
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--对象语法--> <div id="app"> <!-- <h2 :style="{key(属性名):value(属性值)}"></h2>--> <h2 :style="{fontSize: size + ‘px‘,backgroundColor: color}">{{message}}</h2> </div> <script src="../js/vue.js"></script> <script> const app = new Vue({ el: ‘#app‘, data: { message: ‘你好!‘, size: 60, color: ‘red‘ } }) </script> </body> </html>