<html>
<head>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <title>Paint Me</title>
</head>
<!-- binding body style to an object -->
<body :style="bgColor">
    <div id="app">
      <div class="container">
        <h1>Paint this background!</h1>
        <input type="color" v-model="bgColor.backgroundColor" />
      </div>
    </div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.js"></script>
<script type="text/javascript">
    new Vue({
      el: 'body',
      data: {
        bgColor: {
          backgroundColor: "#00cc00"
        }
      }
    });
</script>
<style type="text/css">
    .centered {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -100px;
    }
</style>
</html>