data: {
    firstName: 'one',
    lastName: 'two'
  },
//計(jì)算方法
computed: {
allname:{
	//回調(diào)函數(shù) 當(dāng)需要讀取當(dāng)前屬性值是執(zhí)行，根據(jù)相關(guān)數(shù)據(jù)計(jì)算并返回當(dāng)前屬性的值
	get() {//
		return this.firstName + ' ' + this.lastName
	},
	//監(jiān)視當(dāng)前屬性值的變化，當(dāng)屬性值發(fā)生變化時(shí)執(zhí)行，更新相關(guān)的屬性數(shù)據(jù)
	set(val){
		const names = val.split(' ');
		this.firstName = names[0];
        this.lastName = names[1];
	}
}
},

computed:{
    stateDemo(){
        return this.$store.state.demoState;
    }
}
watch:{
    stateDemo(){
        console.log('vuex變化啦')
    }
}

props:['listShop'],
    data(){
      return{}
    },
    created(){
      this.listShop=30
}

//不會(huì)有任何報(bào)錯(cuò),也不會(huì)影響父組件!
	props:['listShop'],
    data(){
      return{
        listShopChild:this.listShop //改變指向
      }
    },
    created(){
      this.listShopChild=30
    }

//數(shù)組深度克隆:
var x = [1,2,3];
var y = [];
for (var i = 0; i < x.length; i++) {
    y[i]=x[i];
}
console.log(y);  //[1,2,3]
y.push(4);
console.log(y);  //[1,2,3,4]
console.log(x);  //[1,2,3]
//對象深度克隆:
var x = {a:1,b:2};
var y = {};
for(var i in x){
    y[i] = x[i];
}
console.log(y);  //Object {a: 1, b: 2}
y.c = 3;
console.log(y);  //Object {a: 1, b: 2, c: 3}
console.log(x);  //Object {a: 1, b: 2}
//函數(shù)深度克隆
//為什么函數(shù)可以直接賦值克隆?
//由于函數(shù)對象克隆之后的對象會(huì)單獨(dú)復(fù)制一次并存儲(chǔ)實(shí)際數(shù)據(jù)，因此并不會(huì)影響克隆之前的對象。所以采用簡單的復(fù)制“=”即可完成克隆。
var x = function(){console.log(1);};
var y = x;
y = function(){console.log(2);};
x();  //1
y();  //2

//方法三
const obj1 = JSON.parse(JSON.stringify(obj));

//方法四
computed:{
  listShopChild(){
    return this.listShop
   }
}