liang14658fox

Appearance

$forceUpdate() ​

js
this.$forceUpdate()
this.$forceUpdate()

$forceUpdate 是用于强制更新组件的，它会触发组件的重新渲染。

使用$set确保响应式 ​

修改JS对象数组中的某一个字段值

sh
this.$set(this.tableData[index], 'isEditing', true)
this.$set(this.tableData[index], 'isEditing', true)

$nextTick() ​

js
this.$nextTick(() => {
    console.log('渲染完毕之后执行')
})
this.$nextTick(() => {
    console.log('渲染完毕之后执行')
})

nextTick 是 Vue.js 的一个异步API，用于在 DOM 更新之后执行一段延迟的操作。在 Vue.js 中，当修改数据后触发数据更新，但是 DOM 并不会立即更新，而是加入到异步队列中，在下一个时间片去更新 DOM。nextTick避免出现数据更新后立即去访问 DOM 却得不到最新的值的问题。例如，在使用 $refs 访问父子组件中的 DOM 元素时，常常需要在 DOM 完全更新后才能正确访问。

$data和$props ​

js
console.log(this.$data)   // 当前组件所有 data 数据
console.log(this.$props)  // 当前组件的 props
console.log(this.$data)   // 当前组件所有 data 数据
console.log(this.$props)  // 当前组件的 props