前言

Vue 无法检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化，所以属性必须在 data 对象上存在才能让 Vue 将它转换为响应式的.

1
2

var vm = new Vue({ data:{ a:1 } }) // vm.a 是响应式的 
vm.b = 2 // vm.b 是非响应式的

对于已经创建的实例，Vue 不允许动态添加根级别的响应式属性。但是，可以使用 Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式属性。例如，对于：

1
2
3

Vue.set(vm.someObject, 'b', 2)
// Vue.set 的别名
this.$set(vm.someObject, 'b', 2)

Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括：push()、pop()、shift()、unshift()、splice()、sort()、reverse()

作用

将子节点渲染到存在于父组件以外的 DOM 节点

创建 Refs & 访问 Refs

1
2
3
4
5
6
7
8
9
10
11

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
  }
  render() {
    return <div ref={this.myRef} />;
  }
}

const node = this.myRef.current;

作用

React中，父子组件的通信是通过 props 进行数据的传递

Context 提供了一种方式，能够让数据跨越组件层级来传递，不再需要一层一层的传递