1.new Vue() – Vue实例化(组件也是一个小的Vue实例) 2.Init Events & Lifecycle – 初始化事件和生命周期函数 3.beforeCreate – 生命周期钩子函数被执行 4.Init injections&reactivity – Vue内部添加data和methods等 5.created – 生命周期钩子函数被执行, 实例创建 6.接下来是编译模板阶段 –开始分析 7.Has el option? – 是否有el选项 – 检查要挂到哪里 没有. 调用$mount()方法 有, 继续检查template选项
- 1.beforeCreate钩子
- 这个钩子几乎不怎么用
- 初始化vue实例
- 初始化事件(不是页面点击事件哈,就是vue本身自带的一些事件)
- 初始化声明周期函数
- 2.created
这个钩子非常重要- 经典应用 : 页面一加载, ajax请求数据渲染页面。一般写在这个钩子里面
- 初始化data中数据
- 初始化methods里面的方法