vue强制更新$forceUpdate()的使用及原理

调用强制更新方法this.$forceUpdate()会更新视图和数据，触发updated生命周期。

<button @click="reload()">强制更新</button>

updated(){
      console.log("更新了");
  },
  methods:{
      reload(){
          this.$forceUpdate();
      }
  }

-----------------------------------------------------------------

一个对象数组，我们尝试直接给某个item增加一个属性，发现页面上没有效果；直接将length变成0来清空数组，也没有效果

最好用$set方法，这样vue就可以知道发生了变化，同时vue也不建议直接修改length，可以给一个空数组来置空。

this.$set(this.list[index],'sex','男');

this.list=[];

可是如果我们不想利用$set去设置，非要按照我们第一种方式去写，可以实现么？答案是可以的，就是利用$forceUpdate了

1. this.list[index].sex = '男';
2.     this.$forceUpdate();   

-----------------------------------------------------------------------

$children表示当前页面的组件个数

$children表示当前页面的组件个数，但是如果直接在页面上引用{ {$children}}࿰