钩子函数是系统级别的事件处理函数,由浏览器触发钩子函数,而不是用户触发。假设有一个线程,从初始化到运行到结束,如果想人为干涉线程的执行,那么就可以在线程两个阶段处添加钩子函数
钩子函数有:
befoCreate:在实例初始化之后,data observer和event/watcher事件配置之前被调用(this变量不能使用)
created:实例已创建完成之后被调用,但挂载阶段还没开始,$el属性不可见(可以操作vue实例中的数据和各种方法,但是不能对dom节点操作)
created() {console.log(this.data);
$('select').select2(); // jQuery插件需要操作相关dom,不会起作用
}, data() { return {data: 1 } },
methods: {show() {console.log(this.data); } }
beforeMounte:在挂载开始之前调用,相关的render函数第一次被调用
mounted:el被新创建的vm.$el替换,在挂载到实例上去之后调用(dom节点被渲染到文档中)