
Vue
文章平均质量分 65
IT和尚
这个作者很懒,什么都没留下…
展开
-
vue学习第四天 vue-swiper的使用
写博客不是我的爱好,只是人脑毕竟空间只有那么大,有时候会忘了,好记性不如烂笔头,所以通过博客记录点点滴滴,以后可以翻出来看。vue-awesome-swiper官网链接https://www.npmjs.com/package/vue-awesome-swiper和上一篇随笔一样,我们先下载包,然后去main.js里面配置。1npm install vue-awesome-swiper --sav...转载 2018-02-26 11:43:34 · 1604 阅读 · 2 评论 -
Vue:将px转化为rem,适配移动端
1.下载lib-flexible我使用的是vue-cli+webpack,所以是通过npm来安装的npm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible'3.设置meta标签通过meta标签,设置设备宽度以及缩放比例<meta name="viewport" c...转载 2018-03-12 11:22:44 · 1864 阅读 · 0 评论 -
Vue学习第一天 Vue2简单入门
原创 2018-02-23 09:51:14 · 326 阅读 · 0 评论 -
Vue学习第二天 vue-router: 路由传参
路由传参数。在很多时候我们需要路由上面传递参数,比如新闻列表页,我们需要传递新闻ID,给新闻详细页。 1.新闻列表页模板 <template id="news"> <div> <h2>新闻列表</h2> <ul> <li>转载 2018-02-24 17:37:48 · 260 阅读 · 0 评论 -
Vue学习第三天 之http请求 Vue-自带vue-resource插件实现http请求
安装本地环境安装路由插件vue-resource: cnpm install vue-resource --save-dev *没有安装淘宝镜像的可以将 cnpm 替换成 npm想要安装的可以看这篇文章http://www.cnblogs.com/padding1015/p/7162024.html,(打开搜索 镜像 即可跳转到对应位置)转载 2018-02-25 14:42:01 · 1248 阅读 · 0 评论 -
Vue学习第三天 Vue过渡效果增加之CSS3 2D 转换
CSS3 转换通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。浏览器支持Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。Chrome 和 Safari 需要前缀 -webkit-。注释:Internet Explorer 9 需要前缀 -ms-。原创 2018-02-25 13:04:26 · 1049 阅读 · 0 评论 -
vue项目中跳转到外部链接方法
当我们在文件中,如果是vue页面中的内部跳转,可以用this.$router.push()实现,但是如果我们还用这种方法跳到外部链接,就会报错,我们一看链接的路径,原来是我们的外部链接前面加上了http://localhost:8080/#/这一串导致跳转出现问题,那么我们如何跳转到外部链接呢,我们只需用 window.location.href = ‘url’来实现,具体代码如下: <...转载 2018-03-11 18:00:55 · 14318 阅读 · 3 评论 -
Vue.js使用vue-router构建单页应用
单页应用的优缺点每种技术都有其利弊,单页应用也是如此。无刷新体验,这个应该是最显著的有点,由于路由分发直接在浏览器端完成,页面是不刷新,对用户的响应非常及时,因此提升了用户体验;完全的前端组件化,前端开发不再以页面为单位,更多地采用组件化的思想,代码结构和组织方式更加规范化,便于修改和调整;API 共享,如果你的服务是多端的(浏览器端、Android、iOS、微信等),单页应用的模式便于你在多个端...转载 2018-02-23 11:10:17 · 337 阅读 · 0 评论 -
vue2 mint-ui loadmore(下拉刷新,上拉更多)
<template> <div class="page-loadmore"> <h1 class="page-title">Pull up</h1> <p class="page-loadmore-desc">在列表底部, 按住 - 上拉 - 释放可以获取更多数据</p&转载 2018-02-28 17:04:47 · 557 阅读 · 0 评论 -
Node.js学习第二天 Node.js模块系统
Node.js模块系统为了让Node.js的文件可以相互调用,Node.js提供了一个简单的模块系统。 模块是Node.js 应用程序的基本组成部分,文件和模块是一一对应的。换言之,一个Node.js 文件就是一个模块,这个文件可能是JavaScript 代码、JSON 或者编译过的C/C++ 扩展。模块接口的引用机制Node.js 提供了 exports 和 require 两个对象,其中 ex...原创 2018-03-20 22:40:58 · 442 阅读 · 0 评论