vue框架项目

2 篇文章 0 订阅

·#### 一、安装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()
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值