使用vue怎么在所有元素加载完后执行？

Question

我发现不用jquery(document).ready()不行：

<script>
Vue.componue('test',{...});
new Vue().$mount("#t");
</script>
<div id="t">
    <test></test>
</div>

上面代码并没有产生效果.

<script>
    jQuery(document).ready(function(){
        Vue.componue('test',{...});
        new Vue().$mount("#t");
    });
    
</script>
<div id="t">
    <test></test>
</div>

这样才可以。可是这肯定不合理，因为vue不可能一定要依赖jquery。

Answer 1

把 script 标签放到挂载的目标元素后面就可以了：

<div id="t">
    <test></test>
</div>
<script>
    Vue.componue('test',{...});
    new Vue().$mount("#t"); 
</script>

脚本后置还可以缩短首屏渲染时间。