vue.config.js配置和axios简单封装
一个简单vue.config.js配置和axios封装从vue-cli3.0脚手架开始,搭建的Vue项目,目录中是不存在vue.config.js文件的。所以当我们想要做一些自己的配置的时候要自己手动建一个vue.config.js文件。1、...vue自定义指令之面板拖拽的实现
前言在指令里获取的this并不是vue对象,vnode.context才是vue对象,一般来说,指令最好不要访问vue上的data,以追求解耦,但是可以通过指令传进来的值去访问method或ref之类的。vue指令官方文档其实...- 0
- 0
- 0
- 0
- 0
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
1,更改main.js2,在app.vue中,写入两个跳转链接(router-link),分别跳转到“home”“about”(home、about即分别是两个组件)----其中,为什么要使用,请移步:----router-view路由视图(必须)----cs...- 0
- 0
- 0
- 0
- 0
小白教程|一小时上手最流行的前端框架vue(推荐)
前言vue是现在很火的一个前端mvvm框架,它以数据驱动和组件化的思想构建,与angular和react并称前端三大框架。相比angular和react,vue更加轻巧、高性能、也很容易上手。大家也可以移步vue官网,看一下...- 0
- 0
- 0
- 0
- 0
Vue-组件相关
vue组件相关组件为什么使用组件???定义组件定义全局组件定义局部组件调用组件内的属性,跟vue实例中的属性一样,但是有些是函数形式,有些是跟vue实例一样组件的参数组件的传参-父传子组件的传参-...- 0
- 0
- 0
- 0
- 0
Vue使用axios引起的后台session不同操作
新项目前端用的vue全家桶,使用axios代替ajax请求后台接口,在调整注册接口的时候,发现在session里取不到验证码,排查后才知道获取验证码和注册两个请求的session不同,sessionid不一样。现在调整一...- 0
- 0
- 0
- 0
- 0
Vue发布订阅模式实现过程图解
vue项目中不同组件间通信一般使用vuex,通常情况下vuex和eventbus不应该混用,不过某些场景下不同组件间只有消息的交互,这时使用eventbus消息通知的方式就更合适一些。图解html...- 0
- 0
- 0
- 0
- 0
详解vue开发中调用微信jssdk的问题
起因微信分享网址时无法分享图片,这个问题需要用jssdk去解决。其实开始的时候时可以看到图片的,但后来微信禁止了。所以只能使用jssdk去解决。普通网页开发很简单,但是使用vue或其他前端框架开发sp...- 0
- 0
- 0
- 0
- 0
vue cli 3.x 项目部署到 github pages的方法
githubpages是github免费为用户提供的服务,写博客,或者部署一些纯静态项目。最近将vuecli3.x初始化项目部署到githubpages,踩了一些坑,记录如下。1.vue-router不要开启history模式路径中的#比较丑...- 0
- 0
- 0
- 0
- 0
Vue项目路由刷新的实现代码
当vue单页面需要替换参数并刷新页面时,这个时候使用this.$router.push或this.$router.replace会发现路由改变了,但是页面上的数据并没有实时刷新。在网上找到了以下几种方法,亲测可用:this.$rout...- 0
- 0
- 0
- 0
- 0
Vue起步(无cli)的啊教程详解
一丶项目配置1.创建身份证文件2.安装webpackwebpack-cliwebpack-dev-server(全局)工具3.安装,配置vuevue-loadervue-template-compilerless-loadercss-loaderstyle-loaderless4.构建项目目录,更...- 0
- 0
- 0
- 0
- 0
vue component 中引入less文件报错 Module build failed
错误是这样发生的://在vuecomponent组件中引入less文件@import'@/assets/css/public/layout.less';然后就报错了:modulebuildfailed:@import'@/assets/css/public/layout.less';^can'tres...- 0
- 0
- 0
- 0
- 0
详解如何在Vue项目中导出Excel
excel导出excel的导入导出都是依赖于js-xlsx来实现的。在js-xlsx的基础上又封装了export2excel.js来方便导出数据。使用由于export2excel不仅依赖js-xlsx还依赖file-saver和script-loader。所以你...- 0
- 0
- 0
- 0
- 0
一文轻松理解Vuex
概述vuex是一个专为vue.js应用程序开发的状态管理模式(官网地址:https://vuex.vuejs.org/zh/)。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。...- 0
- 0
- 0
- 0
- 0
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
由于最新版本的vue-cli已经放弃dev-server.js,需在webpack.dev.conf.js配置才行新版本的webpack.dev.conf.js配置如下:constexpressrequire('express')constapp=express()varappdata=require('....- 0
- 0
- 0
- 0
- 0
vue全局自定义指令-元素拖拽的实现代码
小白我用的是vue-cli的全家桶,在标签中加入v-drap则实现元素拖拽,全局指令我是写在main.js中vue.directive('drag',{inserted:function(el){el.onmousedown=function(ev){vardisx=ev.clientx-el...- 0
- 0
- 0
- 0
- 0
Vue中用插件vue-awesome-swiper实现轮播图
VueSlideShow基于Vue的轮播图组件vue的轮播图是通过vue-awesome-swiper来实现的,及时vue版的swiper可以在github.com上搜索vue-awesome-swiper来参考一下1.安装vue-awesome-swiper指定版本npmiv...- 0
- 0
- 0
- 0
- 0
vue实现页面滚动到底部刷新
本文实例为大家分享了vue实现页面滚动到底部刷新的具体代码,供大家参考,具体内容如下h5页面varapp=newvue({el:'#app',data:{swiper:null,carousel:[],promotion:[],cates:[],//设置size初始为1...- 0
- 0
- 0
- 0
- 0
Vue源码解析:Vue生命周期之从生到死(三)
上俩片文章我们讲到了initLifecycle和initEvents函数,本篇是时候讲讲initInjections初始化函数了。该函数就是用来去实例化inject选项。说到inject,那就必然离不开provide,这俩是成对出现的,它们...- 0
- 0
- 0
- 0
- 0