详解vue-cli3多页应用改造
需求一个平台p,包含产品a、b、c、d、e。各产品ui样式风格统一,且会用到公共配置(host、是否添加埋点js)、组件(头部导航、表格、搜索框)、方法(请求拦截、生成uuid)。现状:由于历史遗留原因,各产品为独立spa...vue单文件组件的实现
最近翻阅了一下vue。发觉有一个单文件组件之前基本忽视掉了。vue.js中的单文件组件允许在一个文件中定义一个组件的所有内容。也就是说,一个页面或者是一个组件,我们想将他们捆绑在一起,那么vue的...- 0
- 0
- 0
- 0
- 0
Vue+axios+WebApi+NPOI导出Excel文件实例方法
一、前言项目中前端采用的elementui框架,远程数据请求,使用的是axios,后端接口框架采用的asp.netwebapi,数据导出成excel采用npoi组件。其业务场景,主要是列表页(如会员信息,订单信息等)表格数据...- 0
- 0
- 0
- 0
- 0
vue前端框架—Mint UI详解(更适用于移动端)
一、mintui简介mint是一个基于vue的前端ui框架,而它的样式比较类似于手机的样式,可以说是一个基于vue打包app的ui框架,使用mint框架可以给使用vue打包的app的用户更好的交互体验。mint已支持vue2....- 0
- 0
- 0
- 0
- 0
使用vue-cli3新建一个项目并写好基本配置(推荐)
1.使用vue-cli3新建项目:注意,我这里用gitbash不好选择选项,我就用了基本的cmd(系统命令提示符):上下箭头和空格键可控制选项。详细步骤:(1)vuecreateinit:这里我选择了自定义配置(2)使用上下箭...- 0
- 0
- 0
- 0
- 0
Vue项目总结之webpack常规打包优化方案
由于新建项目发版打包时间大概需要30分钟,发版时严重拖慢下班时间,所以特意查看了相关文档来优化打包速度,争取早点下班,^_^。分析打包文件要优化,先分析。我们先要知道到底是哪里拖慢我们的打包...- 0
- 0
- 0
- 0
- 0
vue如何自动化打包测试环境和正式环境的dist/test文件
使用vue现在已经差不多2年了,想起来两年前的一次和某阿里处理的技术大牛(当时我们的技术总监)一起开发一个spa项目的时候被硬着头皮去解决的一个难题,因为技术老大是阿里出身的,所以很多东西都...- 0
- 0
- 0
- 0
- 0
vue如何在用户要关闭当前网页时弹出提示的实现
本文介绍了vue如何在用户要关闭当前网页时弹出提示的实现,分享给大家,具体如下:效果如下图正常js页面处理方式window.onbeforeunload=function(e){e=e||window.event;//兼容ie8和firefox4之前的...- 0
- 1
- 0
- 0
- 0
详解如何理解vue的key属性
如果没有这个属性的时候vue应用in-placepatch(就地复用)策略。列表里的顺序发生改变的时候比如shuffle(列表打乱)的时候,vue为了提升性能,不会移动dom元素,只是更新相应元素的内容节点。就地复用...- 0
- 0
- 0
- 0
- 0
vue 父组件中调用子组件函数的方法
在父组件中调用子组件的方法:1.给子组件定义一个ref属性。eg:ref="childitem"2.在子组件的methods中声明一个函数。eg:useinpar:function(str){console.log(str)}2.在父组件的中声明一个函数,并通...- 0
- 0
- 0
- 0
- 0
Vue组件间通信 Vuex的用法解析
上回说到vue组件间通讯,最后留了一个彩蛋~~~vuex。vuex是另一种组件通讯的方法,这节来说说vuex(store仓库)。首先vuex需要安装,安装的方式有很多,在这里就不一一细说了。我是通过npm方式安装的:npm...- 0
- 0
- 0
- 0
- 0
Vue源码解析之数据响应系统的使用
接下来重点来看vue的数据响应系统。我看很多文章在讲数据响应的时候先用一个简单的例子介绍了数据双向绑定的思路,然后再看源码。这里也借鉴了这种方式,感觉这样的确更有利于理解。数据双向绑定的...- 0
- 0
- 0
- 0
- 0
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
今天在实现一个小功能的时候,遇到一个问题,使用vue-router获取上一页面的url信息,我尝试了多种方式,发现使用vue-router的candeactivate钩子实现这个功能最为方便,现在将我的实现代码总结如下:...- 0
- 0
- 0
- 0
- 0
Vue中实现权限控制的方法示例
一、前言在广告机项目中,角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分,其中根据粒的大小分的更细:1、接口访问的权限控制2、页面的权限控制菜单中的页面是否能被访问页...- 0
- 0
- 0
- 0
- 0
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
写在前面:前段时间看抖音,有人用时间轮盘作为动态的桌面壁纸,一时间成为全网最火的电脑屏保,后来小米等运用市场也出现了【时间轮盘】,有点像五行八卦,感觉很好玩,于是突发奇想,自己写一个网页版...- 0
- 0
- 0
- 0
- 0
vue router 通过路由来实现切换头部标题功能
在做单页面应用程序时,一般页面布局头尾两块都是固定在布局页面,中间为是路由入口。这时访问页面时头部标题不会变,该问题的解决方案如下:通过采用组件内路由卫士(beforerouterenter、beforeroute...- 0
- 1
- 0
- 0
- 0
如何使用vue3打造一个物料库
为什么要做物料库?我们写过很多登录页面。而每个登录页面除了一些背景图和颜色外,主体布局几乎是一致的,就那么几种类型。如果有个地方能帮我管理登录页面的代码,那么下次我再写登录的时候就可以...- 0
- 0
- 0
- 0
- 0
Vue运用transition实现过渡动画
vue的过渡动画,主要是transition标签的使用,配合css动画实现的。官方文档css过渡通过点击事件来切换show的值来改变显示的文本,下面的css通过进入离开时的在匀速状态下xxs(秒)下来转换在x轴上位...- 0
- 0
- 0
- 0
- 0
vue模仿网易云音乐的单页面应用
说明一直想做一个基于vue的项目,但是因为项目往往要涉及到后端的知识(不会后端真的苦),所以就没有一直真正的动手去做一个项目。直到发现github上有网易云音乐的apineteasecloudmusicapi,才开始...- 0
- 0
- 0
- 0
- 0