fix(ssr): hydrate before onBeforeMount

[linghaoSu]

fix #9044

The hook function onBeforeMount is now executed before the hydrate, and some page content may be changed in that hook function, causing the hydrate to fail.

Therefore the hydrate is raised to before the onBeforeMount hook is executed.

[github-actions]

Size Report

Bundles

File	Size	Gzip	Brotli
runtime-dom.global.prod.js	85.9 kB (+7 B)	32.7 kB (+6 B)	29.5 kB (+2 B)
vue.global.prod.js	132 kB (+7 B)	49.3 kB (+6 B)	44.3 kB (-21 B)

Usages

Name	Size	Gzip	Brotli
createApp	47.9 kB (+7 B)	18.9 kB (+6 B)	17.2 kB (+20 B)
createSSRApp	50.6 kB (+7 B)	20 kB (+6 B)	18.2 kB (-2 B)
defineCustomElement	50.3 kB (+7 B)	19.6 kB (+6 B)	17.9 kB (+8 B)
overall	61.2 kB (+7 B)	23.7 kB (+7 B)	21.5 kB (-29 B)

[linghaoSu]

current live demo

original demo

[baiwusanyu-c]

relate: #7800

[skirtles-code]

I don't think this is a problem that should be fixed. The beforeMount lifecycle hook should run before hydration and should not be used to make changes that will cause hydration failures.

I shared some more thoughts on this at #7800 (comment).