data对象内新增属性,console.log()可以打印出来,不重新渲染

原因:受 ES5 的限制,Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter,所以属性必须在 data 对象上才能让 Vue.js 转换它,才能让它是响应的;
``

data(){
	newTitle:{
		title:’题目一‘,
		// value:2,  需要新增value属性并且值为2 
	}
}

方法一: 使用 Object.assign({},…)方法;

this.newTitle = Object.assign({},this.newTitle,{value:2})

方法二:使用$set()方法;

this.$set(this.newTitle,"value",2)

你可能感兴趣的:(vue,vue.js)