Vue的初始调用方法

Vue的初始调用方法

如果想进入vue component时就立即执行该组件中methods中的其中一个方法,并且要求在vue加载完毕后(如组件中data中的数据已经加载完毕),可以使用vue自带属性:vue.mounted,在其中调用methods中的方法即可,如下

export default {
    data:function () {
      return  {
        allUser:[],
        selectrdUser : {},
        users:[],       //vue中界面依赖这个数据,所以初始化时要填充上数据
        ifSelectedUpdate: true
      }
    },
methods: {
  getUsers() {      //这个方法输给users填充数据的,但是没法直接初始化时就调用
        axios
          .get('/api/vue/getAllUsers').then((response) => {
          this.users = response.data;
        })
      }
},
 mounted () { //这个属性就可以,在里面声明初始化时要调用的方法即可
      // we can implement any method here like
      this.getUsers()
    }

如 \color{#2d85f0}{如} 果 \color{#f4433c}{果} 感 \color{#ffbc32}{感} 觉 \color{#2d85f0}{觉} 写 \color{#0aa858}{写} 的 \color{#f4433c}{的} 还 \color{#2d85f0}{还} 不 \color{#f4433c}{不} 错 \color{#ffbc32}{错} , \color{#2d85f0}{,} 不 \color{#0aa858}{不} 要 \color{#f4433c}{要} 忘 \color{#2d85f0}{忘} 记 \color{#f4433c}{记} 点 赞 \color{#ffbc32}{点赞} 评 论 \color{#2d85f0}{评论} 收 藏 \color{#0aa858}{收藏} 关 注 \color{#f4433c}{关注}

你可能感兴趣的:(VUE)