Vue
文章平均质量分 52
超频化石鱼
这个作者很懒,什么都没留下…
展开
-
将Vue工程打包为Electron:vue-cli-plugin-electron-builder
介绍vue-cli-plugin-electron-builder 插件的作用是将一个Vue工程打包为Electron程序。官网:https://nklayman.github.io/vue-cli-plugin-electron-builder/与electron-vue对比作用目标作用方式更新维护electron-vueelectron-vue工程编译工程中的Vue代码不及时vue-cli-plugin-electron-builderVue工程将V原创 2021-04-13 16:44:59 · 2187 阅读 · 0 评论 -
vue中使用第三方素材:iframe与访问路径
有很多特效素材都是使用js+html+第三方库制作,本身使用常规的html开发方式,类似:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>测试</title> <script type="text/javascript" src="Test.js"></script> </head> <body>原创 2021-03-08 17:24:25 · 990 阅读 · 0 评论 -
vue-element-adminV4.0版本遇到的一些问题及解决方案
V4.0与之前版本的差异在vue-element-admin V4.0之前的版本,根目录下存在2个文件夹:build文件夹包含构建相关的build及webpack等文件。config文件夹包含各种环境下的配置。通常地,各种基础设置都能在这2个文件夹下的配置文件中完成。然而,V4.0版本变化较大:build文件夹保留,但其下只剩了一个index.js文件。config文件夹去掉。...原创 2020-05-07 15:51:18 · 18137 阅读 · 6 评论 -
Vue源码解析
本文仅对Vue主体做一个流程化的简单解析,其他详细功能的代码分析过程是相同的。阅读源码之前,首先要确保对Vue.js的使用较为熟悉。先知道怎么用,再研究怎么实现。 首先去github下载官方源码:https://github.com/vuejs/vue当前版本为2.5.17。解压缩。为了方便查看,导入到webstrom中:源码必然在src文件夹。查看src文件夹:从文件夹名看,compiler应该...原创 2018-05-31 09:02:32 · 6805 阅读 · 1 评论 -
vue-devtools安装
去git上下载vue-devtools的源码:https://github.com/vuejs/vue-devtools 解压到硬盘上,用webstorm打开。 运行npm install,安装依赖。 修改vue-devtools-dev\shells\chrome\文件夹下的manifest.json,将其中的background.persistent修改为true。 运行npm run...原创 2018-08-13 08:47:22 · 308 阅读 · 0 评论 -
Vue中使用Mock:单元测试
在Server端,可以用Mock来模拟前端的请求,从而在没有前端联调的情况下进行单元测试;同样地,在前端,可以用Mock来拦截前端请求,并返回模拟数据,从而在没有Server端联调的情况下进行单元测试。在Vue中使用Mock一.安装Mock库运行命令:npm install mockjs二.编写Mock的拦截接口脚本Mock需要使用js文件来定义所有需要拦截的脚本及返回数据...原创 2018-11-06 11:01:49 · 3506 阅读 · 0 评论 -
Vue中import from的来源:省略后缀与加载文件夹
Vue使用import ... from ...来导入组件,库,变量等。而from后的来源可以是js,vue,json。这个是在webpack.base.conf.js中设置的:module.exports = { resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': resolve('s...原创 2018-11-02 16:44:16 · 40670 阅读 · 13 评论 -
Vue Baidu Map组件封装:多边形组件和右键菜单
在Vue上进行开发,地图使用了百度提供的Vue Baidu Map。当前版本为v0.21.15。官方文档地址:https://dafrok.github.io/vue-baidu-map/#/zh/index开发需求:在百度地图上动态进行多边形的显示,添加,删除,修改。具体流程:在地图上点右键,弹出菜单:添加多边形。点击菜单项后,进入绘制模式。在绘制模式下,每次鼠标点击百度地图,都会在...原创 2018-12-19 15:36:01 · 5002 阅读 · 5 评论 -
Vue Baidu Map使用
百度地图官方提供的是常规&lt;script&gt;标签引入的方法。要想将百度地图引入Vue中,有两种方式:在index.html中引入js文件;修改webpack.base.conf.js来增加externals属性;在主js中调用Vue.use来全局注册或在单个页面中使用import单独引入。这样,在页面中就可以像常规的页面那样使用百度地图了。需要为容器&lt;div&gt;设置一个id属...原创 2018-12-11 17:01:54 · 5826 阅读 · 0 评论