码迷,mamicode.com
首页 > 其他好文 > 详细

个人理解vue-if的使用

时间:2018-02-23 15:52:54      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:ret   理解   sel   data   条件   ted   body   turn   使用   

一.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);
        }
      });
    },

这里

 

个人理解vue-if的使用

标签:ret   理解   sel   data   条件   ted   body   turn   使用   

原文地址:https://www.cnblogs.com/wucong1206/p/8462053.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!