随笔分类 - Vue
摘要：主要用到了实现了：视频播放 、监听开始、结束、暂停、播放时间、切换视频 官方文档：http://dplayer.js.org github：https://github.com/whiskyma/gulp-demo 截图如下： html代码部分： <script src="js/dplayer.mi
阅读全文
摘要：项目结构如下图所示： 项目的根目录： 新建.env.development(开发环境)和.env.production(生产环境)两个文件 .env.development(开发环境) `.env.development` // 开发环境配置 VITE_BASIC_API = 'http://mqy
阅读全文
摘要：废话不用多说，直接上图： 解决思路如下： 在main.js文件中把vue挂载到window。window.vm = new Vue({ el: '#app', i18n: i18n,...}) 在弹出的窗口中获取window.vm main.js页面操作如下： 在弹窗页面操作如下： 页面使用它： 最
阅读全文
摘要：Vue3 + Element ui 后台管理系统 概述：这是一个用vue3.0和element搭建的后台管理系统界面。 项目git地址: https://github.com/whiskyma/vue3-elementui 记得给我点赞哦!!!!!! 技术栈： vue3.0：渐进式JavaScrip
阅读全文
摘要：解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 如上图所示：频繁出现此种情况，项目太大，导致内存溢出，排除代码问题外，可参照以下方式解决 第一步: 全局安装 increa
阅读全文
摘要：vue 使用Jade模板写html，stylus写css vue 使用Jade模板写html，stylus写css 日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式，所以使用了jade写html，stylus写css，省了很多的步骤和提高了效率。 安装包: 配置文件:
阅读全文
摘要：Vue 专题 一个数据驱动的组件，为现代化的 Web 界面而生。具有可扩展的数据绑定机制，原生对象即模型，简洁明了的 API 组件化 UI 构建 多个轻量库搭配使用 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 vue3+elementui ★6709 - 本人出品
阅读全文
摘要：vue+axios 前端实现登录拦截（路由拦截、http拦截） 一、路由拦截 登录拦截逻辑 第一步：路由拦截 首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由， 否则就进入登录页面。 定义完路由后，我们主要是利用
阅读全文
摘要：常规操作： 我们通常会将通过接口请求数据的方法放在==created== 或者 ==mounted==这两个生命周期中的一个里面调用。 但是我们知道，不管是我们刚进入这个页面还是从其他页面返回这个页面，这些生命周期都会走一遍。 问题： 所以，即使你跳转到下级页面选好你所需的数据返回上一页时，你所回填
阅读全文
摘要：第一种: 引入方式 就是正常的路由引入方式 第二种: 第三种 推荐！！！ 打包后的JS按照你的模块划分去拆分 介绍一种管理路由的方式
阅读全文
摘要：1.自定义 提示框 组件 src / components / Toast / index.js src / components / Toast / toast.css /** * Toast 样式 */ .lx-toast { position: fixed; bottom: 100px; le
阅读全文
摘要：Vue.js经典开源项目汇总 Vue是什么？ Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全
阅读全文
摘要：Vue插件编写、用法详解（附demo） 1、概述 简单来说，插件就是指对Vue的功能的增强或补充。 比如说，让你在每个单页面的组件里，都可以调用某个方法，或者共享使用某个变量，或者在某个方法之前执行一段代码等 2、使用方法 总体流程应该是： 【声明插件】——【写插件】——【注册插件】——【使用插件】
阅读全文
摘要：1. 安装依赖。 2. 在main.js引入vue-video-player。 截图如下： 3. 编写myPlayer.vue组件，并引入其样式。 myPlayer.vue： 4. 注意事项： video-player标签的class必须设置成“video-player vjs-custom-ski
阅读全文
摘要：vue2.0+vue-dplayer实现hls播放 开始 安装依赖 1，编写组件HelloWorld.vue 2，引入hls.js （在main.js引入） 3，自定义一个组件VueDPlayerHls.vue 4，实现播放（如下图） ： 最后 github地址:https://github.com
阅读全文
摘要：vex使用...mapActions报错解决办法 vuex2增加了mapGetters和mapActions的方法，借助stage2的Object Rest Operator 所在通过 methods:{ ...mapActions([ 'increment' ]) } 酱紫去拿到action。但是
阅读全文
摘要：Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例 element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5517 -
阅读全文
摘要：使用 Vue 2.0 实现服务端渲染的 HackerNews Vue 2.0 支持服务端渲染 (SSR)，并且是流式的，可以做组件级的缓存，这使得极速渲染成为可能。同时， 和 2.0 也都能够配合 SSR 提供同构路由和客户端 state hydration。vue-hackernews-2.0 是
阅读全文
摘要：第一步，分别设置不同的接口地址 首先，我们分别找到下面的文件： 其实，这两个文件就是针对生产环境和发布环境设置不同参数的文件。我们打开dev.en.js文件。代码如下： 好，我们在NODE_ENV下面增加一项，代码如下： 然后，我们编辑prod.env.js文件， 第二部，在代码中调用设置好的参数
阅读全文
摘要：Vue打包后出现一些map文件的解决办法： 问题： 可能很多人在做vue项目打包，打包之后js中，会自动生成一些map文件，那我们怎么把它去掉不要呢？ 1，运行 cnpm run build 开始打包 2，会在项目目录下自动创建dist目录，打包好的文件都在其中 解决办法： 去src/config/
阅读全文
