이번에는 vuearrays와 objects 할당 문제를 가져왔습니다. vue 배열 및 객체 할당의 주의사항은 무엇인가요?
Vue는 다음 변경된 배열을 감지할 수 없습니다:
인덱스를 사용하여 항목을 직접 설정하는 경우(예: vm.items[indexOfItem] = newValue
vm.items[indexOfItem] = newValue
当你修改数组的长度时,例如:vm.items.length = newLength
当第一种情况需求时,可以使用this.$set(this.arr,index,newVal)
Vue 不能检测对象属性的添加或删除:
可以使用this.$set(this.person,'age',12)
当需要添加多个对象时,<a href="http://www.php.cn/wiki/60.html" target="_blank">Object</a>.assign({},this.person,{age:12,name:'wee'})
vm.items.length = newLength
)
첫 번째 경우에 필요한 경우 this.$set(this.arr,index,newVal)
을 사용할 수 있습니다.
Vue는 속성
this.$set(this.person,'age',12)
를 사용할 수 있습니다
여러 객체를 추가해야 하는 경우 <strong>Object</strong>.sign({},this.person,{age:12,name:'wee'})
PS: Vue는 배열과 객체의 전체 복사 및 복제를 구현합니다
개체가 구성 요소 간에 전달될 때 이 개체의
reference유형은 모두 주소를 가리키기 때문에(기본 유형과 null을 제외하고 개체 간의 할당은 실제 복사본이 아닌 동일한 주소만 가리킵니다). 다음과 같이
배열:
var a = [1,2,3];
var b = a;
b.push(4); // b中添加了一个4
alert(a); // a变成了[1,2,3,4]
대상:
var obj = {a:10}; var obj2 = obj; obj2.a = 20; // obj2.a改变了, alert(obj.a); // 20,obj的a跟着改变
computed: { data: function () { var obj={}; obj=JSON.parse(JSON.stringify(this.templateData)); //this.templateData是父组件传递的对象 return obj } }
위 내용은 Vue 배열과 객체의 할당 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!