注意:
1.向后端发送Ajax请求数据一般在app.vue文件中,因为该组件只会挂载一次,其他路由组件可能会在切换路由时被销毁和重新挂载,如果写在这些组件中会重复的请求服务器。因此可以提高一些效率
2.
3.模拟数据的的用法(mockjs)

4.做轮播图用swiper

当需要v-for遍历仓库中的数据,并且页面中的轮播图所需的图片资源在mounted钩子里面进行派发actions从而发送AJAX请求获取数据放在仓库中的state中时,这一行语句时异步代码,这行还没执行完毕,会先执行下面的代码,若你将new Swiper()放在mounted钩子中此时不奏效,因为轮播图所需的图片资源还没有放入仓库中,也就是说页面并没有完整的结构。简单来说v-for遍历生成结构所需要的资源并没有,dispatch派发actions是异步的,因此轮播图不起作用。

浙公网安备 33010602011771号