1.在百度地图申请密钥: http://lbsyun.baidu.com/  将<scripttype="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script>中的密钥...

Vue项目部署上线后经常会发现首屏加载的速度特别慢：那么有那写能做的简单优化呢一、路由的懒加载路由懒加载也就是把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件。 结合Vue的异步组件和Webpack的代码分割功能，轻松实现路由组件的懒加载。 在router中，我们平时是这...

因微信分享和自动登录需要，对于URL中存在'#'的地址，处理起来比较坑（需要手动写一些代码来处理）。还有可能会有一些隐藏的问题没被发现。如果VUE能像其他（JSP/PHP）系统的路径一样，就不存在这些问题了。对于VUE的router[mode:history]模式在开发的时候，一般都不出问题。是因为开发时用的服务器为n...

前端开发中，为了更好的用户体验，在头像上传时会先将图片显示到页面然后点击保存按钮完成图片的上传成功代码部分有参考他人的写法。html代码：<divid="myPhoto"v-show="personalPhoto"><divclass="viewPhoto"><imgsrc="">""id...

vue2.0模拟锚点实现定位平滑滚动 　　效果为点击哪一个标题，平滑滚动到具体的详情。　　如果是传统项目，这个效果就非常简单。但是放到Vue中，就有两大难题：　　1.在没有jQuery的animate()方法的情况下，如何实现平滑滚动？　　2.如何监听页面滚动事件？　　进行多次尝试之后，终于解决了这些问题　　...

1.实现效果以get方法向http://192.168.32.12:8080/users发起请求、获取数据并进行处理this.apiGet('/users',{}).then((res)=>{console.log(res)},(err)=>{console.log(err)})2.实现步骤一之配置域名前缀...

这是一个vue的插件，使用canvas来生成图形验证码。具体参数如下： identify.vue组件（主要用于定义参数和方法）<template><divclass="s-canvas"><canvasid="s-canvas":width="contentWidth":heig...

一、在vue中的锚链接和普通的html不同关于vue中的锚链接可以参考vue中的  scrollBehavior 滚动行为。在router.js中 constrouter=newVueRouter({　　　routes,　　　　　　mode:'history',　　　　　　scr...

在我们需要实现这样一个功能，登录拦截其实就是路由拦截，首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由，否则就进入登录页面。在路由管理页面添加meta字段router/index.js文件，例如，在用户直接跳转/manage路径下的...

生命周期的三个阶段：挂载阶段（1~4）、更新阶段（5~6）、销毁阶段（7~8）；beforeCreatecreatebeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed考点：1、create和mounted区别beforecreated：el和data并...

很多时候我们需要使用地址三级联动，即省市区三级联动。网上有很多插件，在此介绍Vue的一款地区联动插件：vue-area-linkage，下面介绍如何使用这个插件实现地址联动效果：一、安装//v5之前的版本npmi--savevue-area-linkage//v5及之后的版本npmi--savevue-area-lin...

Vue原本有一个官方推荐的ajax插件 vue-resource，但是自从Vue更新到2.0之后，官方就不再更新vue-resource目前主流的Vue项目，都选择 axios 来完成ajax请求，而大型项目都会使用Vuex来管理数据，所以这篇博客将结合两者来发送请求 前言：&n...

一、轮播图组件是这样安装的npmi--save-devvue-awesome-swipermain.js里面import'swiper/dist/css/swiper.css'importVueAwesomeSwiperfrom'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)b...

最近用vue写项目的时候碰到一个问题，在同一个页面下跳转，路由地址不变，路由参数有变化，一开始只是在data里取路由的参数，发现根本取不到变化的路由参数。例如：订单列表也跳转详情页，跳转方法如下<router-link:to="{path:'/orderDetail',query:{orderId:scope.r...

npminstallecharts-Smain.js//引入echartsimportechartsfrom'echarts'Vue.prototype.$echarts=echartsHello.vue<divid="myChart":color:#800000;">"{width:'300px',height...