在学vue2的时候踩得这个坑， 一个组件，也就是一个template标签中只能有一个标签，如果你照下面这样写就会出现 [Vue warn]也就是警告这是一个标题内容官方会给你以下一个提示- Component template should contain exactly one root element. If you ar

最近在写移动端项目，应用在微信上面的一个webapp（vue单页面开发），遇到了一个很尴尬的问题，就是有些页面之间的跳转是通过储存在sessionStorage中的某些数据，然后进行判断再渲染不同的组件，通过页面中左上角返回按钮进行修改sessionStorage中的值。但是由于Ios自带的左滑返回上一页，导致了不触发左上角的按钮直接返回，从而渲染了错误的页面，所以我通过以下代码阻止了默认返回上一

在后台没有传城市字母标识时，可以使用以下方法对城市进行排序并实现右侧字母列表功能：{{ title }}{{letter}}{{city.name}}↑{{

因为最近遇到个移动端上传头像的需求，上传到后台的数据是base64位，其中为了提高用户体验，把比较大的图片用canvas进行压缩之后再进行上传。在移动端调用拍照功能时，会发生图片旋转，为了解决这个问题引入了exif去判断拍照时的信息再去处理图片，这是个很好的插件。关于exif.js可以去他的GitHub上了解，这边直接npm install exif-js --save   安装，然后impo

这篇文章主要讲的是路由切换的时候动画效果的实现，可以根据不同的路径去改变动画的效果，以下就是源码，可供参考：export default {name: 'app',data () {return {transitionName: 'slide-left'}},mounted (

之前写了一个上传头像的功能模块，以下的内容是描述上传头像过程中裁剪图片插件结合vue的一个使用。当然，使用就安装    npm install cropperjs接着再引入   import Cropper from 'cropperjs'下面是源码确定

昨天在vue的官网上看到vue-aplayer这个音乐播放器的插件，由于个人有比较喜欢音乐，所以就拿过来玩一玩，感觉还是比较实用的，界面美观。首先，我们先安装 npm install vue-aplayer --save，之后在组件中引入  import VueAplayer from 'vue-aplayer'，下面就是源码，可供参考：

      最近写vue2.0项目中用到了轮播图的一个插件，也就是vue-awesome-swiper，个人感觉还是比较强大的，swiper官网中的API及配置均可使用(支持3.0)，以下说下使用该插件的一些步骤：第一步安装npm install vue-awesome-swiper --save第二部在main.js中引入import Vue from 'vue'import VueAwesom

在vue中可以通过给标签加ref属性，就可以在js中利用ref去引用它，从而操作该dom元素，以下是个例子，可以当做参考<template><div><div id="box" ref="mybox">DEMO</div></div></template>&l...