npm i element-ui
引入插件 在项目下的src下的main.js添加如下:
import ElementUI from ‘element-ui’
import ‘element-ui/lib/theme-chalk/index.css’
Vue.use(ElementUI);
接下来测试能否使用 在src目录下的App.vue 文件template标签中随便写个组件 如图就代表安装且引用成功了:
<el-button type="success">成功按钮</el-button>
1:安装axios(建议安装淘宝镜像)
npm install axios
2:项目导入
npm install --save axios vue-axios
3:页面导入
import axios from 'axios';
4:功能实现
//原始的Axios请求方式axios(
{ method: 'post',
url: '/user/12345',
data: { firstName: 'Fred',
lastName: 'Flintstone' },
timeout: 1000, ...//其他相关配置});
查询 search: axios.get('http://xxx.xx.xxx/api/xxx')
添加 add: axios.post('http://xxx.xx.xxx/api/xxx', data)
删除 del: axios.delete('http://xxx.xx.xxx/api/xxx/{id}')
修改 edit: axios.patch('http://xxx.xx.xxx/api/xxx', data) data.id
格式:(查询)
axios.get('http://xxx.xx.xxx/api/xxx').then(res => {
console.log(res) //查询成功返回的值
}).catch(error => { console.log(error) }) //查询失败返回的值
具体使用,详见.链接:https://www.jianshu.com/p/53deecb09077
安装less
npm install less less-loader --save-dev
如果报错:
npm install less@2.7.3 --save-dev
npm install less-loader@4.1.0 --save 换这个
npm 常用构建命令
最新推荐文章于 2024-04-21 14:53:13 发布