<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据如何双向绑定</title>
</head>
<body>
    <div id="app">
        <h2>图书</h2>
        <div>
            您购买了{{book.name}}共{{book.count}}本=== ￥{{book.price}}/本
        </div>
        <div>
            打折后总价：{{book.price * book.count * discount}}
        </div>
    </div>

    <script src="../js/vue.js"></script>

    <script>

        let vm = new Vue({
            el:'#app',
            data:{
                book:{id:1,price:10,name:'vue入门',count:1},
                discount:0.8,
            }
        });
    </script>

</body>
</html>