![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
爱吃肉的栗子
一只充满活力的程序员~~~~~~~~~
展开
-
给大家推荐一个挺好用的vue多页面脚手架工具
vue-mutiplehttps://github.com/agileago/webpack-mutiple这是作者的github地址,可以去看看1.使用方法 1.1安装node.js这就不用跟大家多做介绍了吧 http://nodejs.cn/download/没安装的可以点击去官网安装一下,最好在官网下载,又不要钱,别去乱七八糟的网站,有广告不说,还不是最新版原创 2018-01-30 16:12:38 · 5616 阅读 · 0 评论 -
vue中使用axios,来完成数据交互
博主最开始使用的就是,vue-resource,但是遇到跨域问题是就很难受,后台java怎么都解决不了跨域问题,vue-resource也没有很好的支持,后来无奈只能使用jquery的jsonp来完成请求,但是既然已经使用了vue了,理当放弃juery,偶然的机会接触到了axios,下面就来为大家介绍axios的使用1.安装axios 无论使用什么插件,第一步自然是安...原创 2018-04-26 17:21:53 · 10018 阅读 · 0 评论 -
vue-cli中使用rem,vue自适应
1.rem.js内容 ! function(n) { var e = n.document, t = e.documentElement, i = 720, d = i / 100, o = "orientationchange" in n ? "orientationchange" : "resize", ...原创 2018-04-27 09:25:34 · 13396 阅读 · 0 评论 -
vue中computed,methods,watch区别a
文章是在看了smartdt的博客有感而发, 原博客地址:https://blog.csdn.net/smartdt/article/details/75557369至于一些高大上,晦涩难懂的话就不多说了,用大白话,来为大家解释一下 computed,在页面加载时直接调用,大多用来页面的出事赋值 methods,这里面写的是函数,不调用时不会调用其中函数,通...转载 2018-04-27 10:17:29 · 194 阅读 · 0 评论 -
vue-cli中使用jquery
在于后台数据交互时,出现跨域问题,后台试了各种方法,都不好用我也换了很多种,resource,axios,mui的,原生的都不好用,只有jquery可以访问到数据,这就很难受了,无奈之下只好引入jquery 1.npm install jquery --save-dev 2.找到build文件夹下的webpack.base.conf.js 第一行加入 var webpack...原创 2018-05-28 16:22:24 · 3806 阅读 · 2 评论 -
vue.js-地址选择插件
第一步自然是安装 npm install v-distpicker --savetest.vue import VDistpicker from 'v-distpicker' export default { components: { VDistpicker } } <v-distpicker></v-distpicker>写...原创 2018-05-24 10:34:40 · 4206 阅读 · 6 评论 -
vue.js-使用echarts图表
1. cnpm install echarts -S2.test.vue import echarts from 'echarts'3.<div id="myChart"></div>let myChart = echarts.init(document.getElementById('myChart'))myChart.setOption({})...原创 2018-05-24 11:21:10 · 1720 阅读 · 0 评论 -
vue-cli中使用FormData实现表单异步提交
<form @submit.prevent="submit($event)"> <input type="text" class="form-control" placeholder="请输入姓名" name="cuserName"> <input type="submit" value="立即注册原创 2018-05-29 15:31:16 · 4236 阅读 · 0 评论 -
js图片懒加载
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-s原创 2018-07-09 18:50:25 · 166 阅读 · 0 评论 -
vue-cli中使用高德地图
1.index.html 高德地图基础组件 <scripttype="text/javascript"src="http://webapi.amap.com/mapsv=1.4.4&key=你的key"></script> 高德地图ui组件,如果你没有使用ui组件的话,可以不引用 <script src="http://webapi.am...原创 2018-07-09 19:00:18 · 2147 阅读 · 2 评论 -
vue-cli中子组件调用父组件的方法
Parent.vue <child @citychange="citychange"></child> methods: { citychange () { } }, Child.vue this.$emit('citychange');...原创 2018-07-09 19:04:49 · 1349 阅读 · 0 评论 -
vue组件通信,vue中vuex的使用
1.安装vuex npm install vuex -s 2.在main.js中配置 别忘记将store挂载到vue实例上,我当初就在这里踩了坑,弄了好长时间3.构建核心仓库 在src目录下,创建vuex文件夹,在vuex文件夹下创建stroe.js store代码如下 4.在组件中获取状态...原创 2018-04-26 16:47:30 · 456 阅读 · 0 评论 -
vue中swiper,vue-awesome-swiper,轮播图的使用
1.安装vue-awesome-swiper npm install vue-awesome-swiper --save-dev2.在main.js 3.在html中 js中 用过swiper的同学要注意了,组件化引入使用swiper时api的使用,跟直接cdn引原创 2018-04-26 15:58:06 · 1985 阅读 · 0 评论 -
vue.js中Axios的使用
作者在接过同事写的代码后,发现里面有个叫Axios的东西不知道是干啥用的,自行百度之后理解了他的意思,在这里跟大家分享一下 1.什么是Axios https://www.kancloud.cn/yunye/axios/234845这是官方中文文档,大家可以看看 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.j...原创 2018-04-12 10:52:26 · 1467 阅读 · 0 评论 -
vue钩子函数
1在最近的一个项目中,需要对input的readonly进行操作,翻遍了vue文档不知道如何下手,最后把目标锁定在指令上 一,指令的写法 directives: { ronly: { componentUpdated: function (el,binding) { ...原创 2018-05-09 14:52:51 · 1436 阅读 · 0 评论 -
vue打包时,背景图片失效解决方法
打开build目录下的utils修改 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath:'../../', fa...原创 2018-05-09 15:07:22 · 637 阅读 · 1 评论 -
vue打包是去除.map文件
.map作用 在打包出错时,会告诉你具体错误位置去除.map 在config/index.js中把cssSourceMap改为false原创 2018-05-09 15:47:51 · 8460 阅读 · 0 评论 -
vue-cli初步使用
1.安装node.js 控制台node-v 如图所示就表示node.js安装侧完成, 没安装的同学到https://nodejs.org/en/download/可以点击去官网下载,安装方法也很简单,一直下一步就好2.全局安装vue-cli ...原创 2018-04-26 14:29:35 · 140 阅读 · 0 评论 -
vue-cli中路由的使用
当我们新建一个vue项目时,这是我们的目录结构,我这里是用的是webpack模板,如果你们用的是weboack-simple的话,可能就没有router目录,和config目录,1.使用webpack目录新建的项目使用路由的方式相对简单 默认项目是在compnents目录下直接存在一个.vue文件,但在实际开发中,这种项目目录是有问题的,我们可以在comonents目录下...原创 2018-04-26 14:40:58 · 6651 阅读 · 0 评论 -
vue-cli按需加载,懒加载组件
vue来做一个单页面应用,当我们的项目越来越大,组件越来越多的时候,首次启动项目户特别慢,就算做一个加载框,蒙层之类的,体验也不会好,这个时候就需要按需加载1.什么叫按需加载 所谓按需加载,顾名思义,就是当我需要的时候再给我,我不要的时候,你就老老实实待着2.如何懒加载 2.1路由的按需加载 用起来很简单,原...原创 2018-04-26 14:51:12 · 5041 阅读 · 0 评论 -
vue-cli嵌套路由
正常的路由,我之前就给大家介绍过,今天来给大家介绍嵌套路由 这就是嵌套路由的写法, 有的人会问,resolve是啥,不是应该,component:'Home’吗,这是按需加载的写法,不理解的同学可以去看看我的另一篇文章,vue的按需加载这是父级路由的写法,我这里没用router-link,不理解this.$router的同学可以去看看我的vue路由博客,这是子路由的写法...原创 2018-04-26 14:56:02 · 1279 阅读 · 0 评论 -
获取格式化的时间与日期
1.首先修改原型 Date.prototype.Format = function(fmt) { // author: meizz var o = { "M+": this.getMonth() + 1, // 月份 "d+": this.getDate(), // 日 "h+": this.getHours(), // 小时 "m+": this.getMinutes(), // ...转载 2018-07-03 08:05:06 · 461 阅读 · 0 评论