vue中created、beforeMount、mounted、computed、watch、methods区别与执行顺序

1、正常的顺序执行

create
beforeMount
computed
mounted
watch

created执行时挂载阶段还没有开始，模版还没有渲染成html，所以无法获取元素。created钩子函数主要用来初始化数据。
beforeMount 这一步的时候，模版已经在内存中编译好了，但是尚未挂载到页面中去。
computed是在DOM执行完成后立马执行（如：赋值）
mounted钩子函数一般用来向后端发起请求，拿到数据后做一些业务处理。该函数在模版渲染完成后才被调用。DOM操作一般是在mounted钩子函数中进行。
watch用于检测vue实例上数据的变动
默认加载的时候先computed再watch，不执行methods；等触发某一事件后，则是：先methods再watch。
methods方法有一定的触发条件，如click等。
所有方法都应该在methods里定义，在mounted或created里面使用this调用，用这种方法实现初始化。

2、设置了watch immediate：true 他的优先级会提到最前面

watch:immediate
create
beforeMount
computed
mounted
watch

3、设置了watch immediate：true，监听的是计算属性的值 他的优先级应该会提到最前面，但是vue默认先computed 再执行watch

computed:(watch监听的)
watch:immediate
create
beforeMount
computed
mounted
watch

watch的原理图

了解计算属性的原理
https://segmentfault.com/a/1190000016368913