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

浅拷贝和深拷贝的问题。