![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 85
景洪在编程
不疯魔不成活
展开
-
用vue-router和webpack搭建路由项目
一、用vue-cli构建初始项目 step1:全局安装vue-cli $ npm install --global vue-cli step2: 创建一个基于webpack模版的新项目 vue init webpack my-vueRouter-project1 step3:创建项目过程中,根据提示填写项目名称,是否使用ESLint检查项目等功能,具体填写结果如下: step4: 安装依赖文件 //原创 2017-07-30 11:15:16 · 883 阅读 · 0 评论 -
vue中实现移动端的scroll滚动
一、首先安装安装npm install better-scroll --save二、 并在组件中引用import BScroll from ‘better-scroll’template中引用指向将要滚动的DOM元素根据官方文档ref属性的说明,我们可以这样将DOM元素引用 三、 在methods中注册_initScroll方法,这个方法是对better-scroll的实例化,并且这个方法将来会在原创 2017-08-02 20:44:19 · 43575 阅读 · 0 评论 -
vue2中的过渡效果
首先,展示一下我们要实现的动画效果:小球从右边边平移边旋转180到左边位置;html结构:小球是一个图标,是通过字体实现的,通过在i标签中添加相应的clss来实现; <div class="cart-decrease" > <i class="icon-remove_circle_outline icon"></i> </div>应用动画的思路: 在整体cart-decrease上原创 2017-08-04 15:34:20 · 3012 阅读 · 0 评论