Vue页面加载完成后自动加载自定义函数

Vue 项目中，当需要页面刚刚载入后就要立马触发一个函数该怎么实现？
有两种方案
1.created：
在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。这里created时放在methods里面的。

methods: {
            indexs:function(){
                this.$http.post('{:url("Index/fun")}')
                    .then(function(res){
                        this.items=res.data;
                        console.log(res.data);
                    })
                    .catch(function(error){
                        console.log(error);
                    });
            }
        },
        created(){
            //自动加载indexs方法
            this.indexs();
        }

2.mounted：
在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。

methods：{
	message(){
		//业务逻辑
	}
}，
mounted: function(){
	this.message();//需要触发的函数
}

注意mounted是和methods方法同级别的。

点击了必修课默认渲染了可以查看哪些课程可以被选择。

代码结构