- 博客(6)
- 资源 (1)
- 收藏
- 关注
原创 mock.js在vue中的使用(axios请求数据)
本文简单介绍了怎样使用mock模拟数据请求,不多比比,直入主题:第一步:安装:在命令行中执行:npm install mockjs;或直接<script src="http://mockjs.com/dist/mock.js"></script>第二步:定义index.js文件我们新建一个mock文件夹,此文件夹中建一个index.js文件:mo...
2018-07-21 14:55:59 5934
原创 scss/less语法以及在vue项目中的使用
(文章是 博主根据自己所学以及经验创作,如存在错误之处欢迎提出指正,不喜勿喷!)scss与less都是css的预处理器,首先我们的明白为什么要用scss与less,因为css只是一种标记语言,其中并没有函数变量之类的,所以当写复杂的样式时必然存在局限性,不灵活,而scss与less正好为css提供这些,让css可以像编程一样灵活书写样式,而且scss与还提供了一些css兼容性的处理,所以运用s...
2018-07-21 11:40:46 3432
原创 使用svg自定义图标
svg是H5新增的一个标签,但是里面包含大量的属性,如果要我们自己用代码编写svg图标,复杂的难度很大,换个角度,我们可以自己画图然后在成svg代码;1.首先在百度搜索svg在线编辑器,在编辑器中可以画出自己想要的图标,然后再把图标导出为svg图片,把该图片拖入text编辑器就自动展示了svg代码,然后我们只需将这些代码放入dom标签中就OK了:<template> ...
2018-07-25 19:24:46 2885
原创 Vue scoped CSS 与深度作用选择器 /deep/
使用 scoped 后,父组件的样式将不会渗透到子组件中。例如(无效):<template> <div id="box"> <el-input class="text-box" v-model="value"></el-input> </div></template&
2018-07-23 10:39:23 1565
原创 animate.css在vue项目中的使用
在vue项目中使用动画其实有多种方式,可以使用vue中的过渡transition,可以使用animate动画与transition配合使用,也可以单独使用animate动画库(详情可见vue官网-过渡:过渡),下面我们开始介绍在vue中单独使用animate动画,其实也非常简单,两步就可以实现:第一步:安装:在命令行中执行:npm install animate.css --save第...
2018-07-21 14:30:57 19944 5
原创 screenfull.js实现全屏功能(vue项目中运用)
1. 在我们做的项目中可能会有全屏功能的需求,其实这个也比较简单实现,下面我们介绍以screenfull.js实现全屏功能,废话不多说,直接上代码。第一步:安装:在命令行中执行:npm install --save screenfull (注:因为这是生产依赖,所以执行--save)第二步:直接上代码:<template> <el-button ty...
2018-07-21 14:13:42 35069
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人