Vue项目的开发步骤(vue+iview 本人的总结)

本文总结了Vue项目开发的主要步骤,包括新建项目并安装必要的依赖,讲解了如何在main.js中配置,接着介绍了Vue组件和路由的使用,虽然未涉及vue-resource。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、新建项目 安装依赖包

	(1)	vue init webpack website	创建项目website
	(2)cd website		进入到项目目录
	
	(3)cnpm install		安装依赖包
	
	(4)路由	:
		安装		cnpm install vue-router
		使用		import VueRouter from 'vue-router'
		  Vue.use(VueRouter)
	
	~~(5)Vue-resource【注意,官网已经停止了对vue-resource的维护了,建议使用axios】
		安装		cnpm install vue-resource --save-dev
		使用		import VueResource from 'vue-resource'
		 Vue.use(VueResource)~~ 
	(6)axios 
		安装		cnpm install axios
		引用		import  axios from 'axios'在这里插入代码片
	

		(7) 使用基于vue的iView框架
		安装		cnpm install iview --save
		使用		import iView from 'ivew';
		import 'iview/dist/styles/iview.css';		//iView样式
		Vue.use(iView);

·main.js
在这里插入图片描述

2、Vue组件的使用
在这里插入图片描述

3、Vue路由的使用
在这里插入图片描述
在这里插入图片描述

4、vue-resource的使用(未使用…)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值