qq_45164496的博客

相同点：axios 和 ajax 都是用于请求数据渲染页面不同点：（1）ajax 实现了网页的局部数据刷新；axios实现了对ajax的封装，使用了promise模式，使用then链，来处理JS异步编程在vue项目中，使用axios来获取本地数据：上面8个图标文字，存储在本地数据中，用axios来获取（1）打开项目终端，下载axiosnpm install axios --save（2）在vue项目入口文件main.js中，引入axios//引入axiosimport axios fr

Vuex 是什么？Vuex 类似于一个“前端数据库”，让各个页面的数据实现共享。简单来说Vuex就像一个商店，各个页面需要什么数据就去商店找如下：要实现两个页面的数据传值。首页和城市列表页，当点击列表的某个城市，比如武汉，会跳转到首页，首页城市由上海更改为武汉。具体实现：（1）在src目录，新建一个store目录，store里再新建一个index.js文件（2）在入口文件main.js中挂载 store，使store可以被全局访问（3）终端下载vuex，并在store目录下的index.

keep-alive是什么？keep-alive是Vue的内置组件，包裹动态组件时，会将不活动的组件实例留在内存中，优化请求，防止DOM重新渲染比如：在APP.vue中单纯使用keep-alive组件包裹，会直接缓存所有页面...

在 VS Code 终端：第一步：创建项目- - -vue init webpack project（project是项目名称，可以根据需要自行修改）第二步：进入项目目录- - -cd project第三步：清除缓存- - -npm cache clean --force第四步：重新初始化依赖- - -npm install第五步：启动项目- - -npm run dev根...

第一步：在终端执行命令：npm install vue-awesome-swiper --savenpm run dev如下：第二步：进入 main.js 文件，三行代码引入Swiper组件第三步：在需要轮播图的文件中使用Swiper组件，Swiper.vue 文件内容如下：<template> <!-- 轮播图开始 --> <div...

在 Vue 项目中使用Swiper组件，虽然添加了分页器，如下：但是最后只有轮播图片显示，上面没有自动切换的小圆点解决：把 pagination: “.swiper-pagination” 换成如下写法此时有小圆点分页器：...

（1）终端下载 better-scroll 插件：npm install better-scroll --save 如下：（2）引入并使用 better-scroll 插件：增加style样式：（3）最终效果：