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()
    }

$如$ $果$ $感$ $觉$$写$ $的$ $还$ $不$ $错$ $，$$不$ $要$ $忘$ $记$ $点赞$ $评论$ $收藏$ $关注$