美文网首页
vue 开发中可能用到的

vue 开发中可能用到的

作者: Hassd | 来源:发表于2018-06-16 22:13 被阅读0次

Axios 插件

安装

这个是   ajax  插件

npm 安装 用  的指令   :npm install axios --save

使用 cdn  引入   <scriptsrc="https://unpkg.com/axios/dist/axios.min.js"></script>

安装后   vue-cli 中的  引入 

在要用到的模板中        import axios from 'axios'

简单的用法

get

post

Easy Mock  网站

网站地址:https://easy-mock.com/login

登录后创建工作台

点击工作台

点击右下角的加号    创建项目

创建项目

创建好后         点击  lianxi  项目

点击创建接口     创建你要模拟的数据

创建你的数据   创建

创建成功

在    操作   复制链接   就可以当做后台的接口

我操作的链接          

https://easy-mock.com/mock/5b2240e2fcfce63e92dc3dbf/lianxi/lianxi

Iconfont - 阿里巴巴矢量图标库

网站      http://www.iconfont.cn/

登录

点击小人头登录

登陆后    选择图标库

加入购物车

移到你想要的图标上点击购物车

点击右上角的购物车

添加到项目

点击添加至项目

输入你的项目名     点击确定

生成

点击     font   class

点击     点此生成

生成的链接    有网    就可以用了

使用

<link>   标签里引入         要加上    https:

<link href="https://at.alicdn.com/t/font_708763_khsxgbjxezd.css" rel="stylesheet">

在你图标项目里选择你要的图标  复制代码

在   html   使用  

复制代码       粘贴到   class        还要加上两个   icon    iconfont    class名

可以用样式来改变      color : red ; 改变颜色     font-size: 50px;   改变大小

基于 Vue 2.0 的桌面端组件库  Element

npm 安装

npm i element-ui -S

完整引入

在 main.js 中写入以下内容:

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

详细的组件标签的应用    请到官网学习

官网的网站:https://element.faas.ele.me/#/zh-CN

相关文章

网友评论

      本文标题:vue 开发中可能用到的

      本文链接:https://www.haomeiwen.com/subject/gsoyeftx.html