vue.js+jquery+html 构建页面

Question

我的这个页面是用vue+jquery布局的，现在出现一个问题时当我刷新页面时，页面会先卡顿一下（就是第一张图片） 然后才能进入到第二张图片的效果。这个是跟vue和jquery有关系嘛？

Answer 1

1、页面引用的样式是否在最前面。
2、如果是通过vue控制的dom布局会出现在实例生成前会出现这样的问题，通过

[v-cloak] {
  display: none;
}
<div v-cloak>
  {{ message }}
</div>

解决。
3、既然用了vue就不需要用jq了，要习惯数据操作模式

Answer 2

？这么神奇吗？你是jquery 和vue 和js混合写了动态dom？我猜测或许是 vue的某些组件默认加了过度效果，而其他的没有过渡效果，直接展示。所以形成了时间差吧

Answer 3

使用Vue就最好别使用jQuery，而且Vue现在最好还是要配合vue-cli和webpack来使用，若非要用jQuery，那就把jQuery注册到Vue的原型上，使用Vue来管理第三方插件，避免加载顺序出错的问题。

Answer 4

使用Vue 不推荐使用JQ