chenjycm的博客

使用回顾 通常我们使用vue-router会单独创建一个js来写vue-router的逻辑，如 src/router/index.js，并在main.js中引入，例如。 // src/router/index.js import Vue from 'vue' import Router from 'vue-router' // 启动路由 Vue.use(Router) // 路由实例 let router=new Router({ routes:[ { //

原理：现有一个图片的列表，拖动其中一个图片（触发dragstart），当拖动的图片移动到其他图片的位置（触发dragover），则将拖动的图片从原位置移动到该位置（触发dragend）。 dragstart：当用户开始拖动一个元素或者一个选择文本的时候dragstart事件就会触发。 dragover：当元素或者选择的文本被拖拽到一个有效的放置目标上时，触发dragover事件(每几百毫秒触发一次)。 dragend：拖放事件在拖放操作结束时触发。（我们这里可以不用） （1）图片列表HTML...

原理分析： vue利用了Object.defineProperty()这个方法，重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。 该方法详情参见MDN：https://developer.mozilla.org/zh-CN/docs/Web/J...

在web或移动端开发中，有时候我们需要做一个可滚动显示的banner、轮播、滑动翻页显示内容等，常用的插件就数swiper。当然如果我不想因为一个小的页面去引入一个库，那么我们就手动写一个简易版的swiper。因为正做的项目是vue中需要用到滑动翻页效果，就用vue来实现一个垂直方向滑动翻页的效果咯！ 核心触摸事件：touchstart、touchmove和to...