在开发vue单页项目时，需要使用地区选择组件，在网上下载了一个三级联动组件（原文我忘了地址，很久之前找的），修改之后分享给大家，我的GitHub上有项目：https://github.com/leileibrother/wechat-vue地区选择的样式如下：在personal文件夹中的area文件是原代码文件，可以在这个文件里修改页面的样式在需要地区选

初次使用vue，遇到了许多小细节问题，比如data里面的静态图片路径渲染到页面上的问题，天真的我以为直接写图片的相对路径就可以了，然而失败了，我还是太嫩了，如图，里面的图片路径无法渲染在页面上，百度了一下，基本用两种方法解决。1、加require，如 headerImg: require('../../../assets/img/man.png')，这样就可以显示出来了。

vue中的$nextTick很多人比较陌生，主要是这个很少用，我几乎是不用，但是看下面这个场景<div id="app"><div id="div" v-if="showDiv">这是一段文本</div><button @click=&quo

我们有时候会在模板中绑定表达式来做简单的数据处理，但是如果表达式太长，就会变得臃肿难以维护，比如<div>    {{text.split(',').reverse().join(',')}}</div>表达式里面包含了3个操作，有时候可能会更加复杂，这时我们可以使用计算属性。如下<template>&lt

前端时间公司的vue项目需要头像裁剪上传功能，看了一篇博客，在此基础上做的修改完成了这个功能，与大家分享一下。原文：http://m.blog.csdn.net/JaneLittle/article/details/72037910。首先下载引入cropper js，npm install cropper js --save在需要的页面引入：import Cropper fro

使用vue单页开发项目时遇到一个很恶心的问题：在列表页点击一条数据进入详情页，按返回键返回列表页时页面刷新了，用户体验非常差啊！！！查阅了一下相关问题，使用解决这个问题，下面是我的使用心得。是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。首先在App.vue页面上有下面一段代码，我们都知道这是页面渲染的地方把这段代码改成如下：