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

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

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}}࿰

你可能感兴趣的:(前端埋坑之路-前端技术)