·#### 一、安装vue-cli以及相关插件(统一是使用npm)
1.在项目根路径下打开cmd命令行
2.全局安装vue-cli。(npm install -g @vue/cli),使用vue --version查看版本,这时候就可以使用vue命令了。
vue create HelloWord创建一个HelloWord的项目。
npm install vue-router安装路由插件。
npm install vuex --save 安装状态管理模式。
npm i mint-ui@1 -S 安装mint-ui模块。
npm i element-ui -S 安装饿了吗模块。
二、vue框架里面的axios。
一、下载axios(请求库)。
npm i -D axios
二、挂载axios在vue原型中,后面直接使用this.axios。
//创建axios实例。
let request = axios.create({
baseURL:"http://xxxxxx"
})
vue.prototype axios = request;
三、获取页面数据。
this.axios
.get("/ajax/xxxx",{
params:{
cinemaId:this.cinemaId,
movieId:this.moovieId
}
//获取页面数据的参数
})
.then(res=>{
this.setData = res.data.data.setData;
})
三、路由配置(vue-Router)
一、安装路由
npm install vue-router
二、使用路由模块
import Router from ('vue-router')
Vue.use()