个人理解vue-if的使用

Posted 2020-10-25 wucong1206

一.vue-if的作用以及原理

动态显示DOM元素。v-if是动态的向DOM树内添加或者删除DOM元素

二.vue-if的编译条件

v-if是惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局部编译。

三.实例

下面是vue中异步获取数据的代码：

export default {
    data() {
      return {
        seller: {}
      };
    },
    // 这里在模拟从后端获取数据接口的步骤
    created() {
      this.$http.get(‘/api/seller‘).then((response) => {
        response = response.body;
        if (response.errno === ERR_OK) {
          this.seller = response.data;
          console.log(this.seller);
        }
      });
    },

这里