vue响应式的问题

Question

<div id="app">

    <h1>

        {{ count.id }}

    </h1>

    <h2>

        {{ item[0].id }}

    </h2>

</div>

<script>

let vm = new Vue({

    el: '#app',

    data () {

        return {

            item: [

                {

                    id: 60

                }

            ],

            count: {}

        }

    },

    mounted () {

        this.count = this.item[0];  // 赋值给count

    }

});

</script>

在控制台里打印： vm.count.id--

会发现 items.id 也跟着改了。我明明只改 count.id

如何避免同步？ 我只想更改 count.id；

Answer 1

浅拷贝和深拷贝的问题。