![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
YuanlongWang
全栈开发工程师,热爱研究新技术,专注于数据研究领域,乐于分享
展开
-
vue项目调用百度地图定位,判断当前位置是否在目标位置范围内
之前用vue做了一个百度地图定位功能,判断是否当前位置在目标位置范围内的小功能,类似这样:直接上代码百度地图定位,设置目标位置范围,判断当前位置到目标位置的距离,BDMap.vue<template> <div v-show="IsShowPosition"> <div id="mapDiv" @click="hidePosition" style="width: 100%;height: 110%;background-..原创 2021-04-29 17:54:46 · 2634 阅读 · 1 评论 -
vue webpack环境搭建
安装环境1、使用命令台控制程序,安装 nodejsbrew install nodejs2、安装淘宝镜像npm install -g cnpm –registry=https://registry.npm.taobao.org3、安装webpackcnpm install webpack -g4、安装vue脚手架npm install vue-cli -g创建项目1、新建项目目录,在终端中进入该目录原创 2017-10-19 17:58:00 · 574 阅读 · 1 评论 -
vue双向绑定实例应用记录
vue双向绑定一般是用在向数据库写数据,或修改数据的时候,使用vue的数据双向绑定可以大大简化前端代码量,让页面看起来更加简洁,更容易维护。下面就用实际开发中的一个实例来讲解一下vue的双向绑定:实例是新增一个保险方案,其中包含一个客户信息和多个被保险人信息,被保险人信息要实现动态的 增 、删、 改,这样看来使用vue的动态双向绑定是最合适不过的了。其中html代码如下:<di...原创 2018-11-30 09:48:08 · 941 阅读 · 1 评论 -
Vue应用部署到服务器由于路由的history模式下刷新当前路由出现404的问题
用于默认模式vue-router为散模式 -它使用URL的哈希来模拟一个完整的URL,这样的页面不会被重新加载的URL发生变化时。为了摆脱哈希,我们可以使用路由器的历史模式,它利用history.pushStateAPI实现URL导航而无需重新加载页面:const router = new VueRouter({ mode: 'history', routes: [...]})...原创 2018-12-25 15:32:53 · 3489 阅读 · 0 评论 -
vue使用axios发送请求--Vue.prototype.$http = axios;
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Features从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF浏览器支持 ...原创 2018-12-26 11:44:39 · 36237 阅读 · 0 评论 -
推荐一些最好用的Vue开源库!
无论是开发新手还是经验丰富的老手,我们都喜欢开源软件包。对于开发者来说,如果没有这些开源软件包,很难想象我们的生活会变得多么疲惫不堪,而且靠咖啡度日也会成为家常便饭。所幸的是,Vue.js 和 Nuxt.js 拥有不断成长壮大的社区,每天都会出现一些很好的软件包。在下文中,我们将推荐一些非常好用的 Vue 和 Nuxt 软件包。Vue.jsVue.js 是一个非常易用的渐进式 Java...原创 2019-01-03 14:06:52 · 560 阅读 · 0 评论 -
vue路由的使用
vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。第一个单页面应用(01)现在我们以一个简单的单页面应用开启vue-route...原创 2019-05-31 00:47:57 · 495 阅读 · 0 评论