vue文章/教程

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

关于vue中hash和history的区别与使用图文详解

目录 一、区别 二、使用 1、现有一个这样的页面(Vue2) 2、设置路由模式 3、打包 4、模拟一个服务器(nodejs的express) 5、把打包好的文件放到服务器 6、访问,路由跳转不涉及网络请求 7、刷新页面,资源请求失败,发送网络请求/MyHome/message/details/1 »

关于vue中hash和history的区别与使用图文详解

目录 一、区别 二、使用 1、现有一个这样的页面(Vue2) 2、设置路由模式 3、打包 4、模拟一个服务器(nodejs的express) 5、把打包好的文件放到服务器 6、访问,路由跳转不涉及网络请求 7、刷新页面,资源请求失败,发送网络请求/MyHome/message/details/1 »

Vue列表渲染v-for的使用案例详解

目录 列表渲染 基本列表 v-for 细节问题 key的使用 v-for两个参数 使用index作为key 参数的括号可有可无 of代替in 遍历对象 遍历字符串(用的少) 遍历指定次数(用的少) 总结 列表渲染 列表渲染的东西比较多,我们通过案例一步一步学习列表渲染的相关知识 »

Vue计算属性中reduce方法实现遍历方式

目录 vue计算属性reduce方法实现遍历 未登录购物车:选中商品 选中一个 初始化全选 计算总价格(使用reduce方法) 总结 vue计算属性reduce方法实现遍历 在前端页面中要实现一个商品购物车的遍历来计算出总价格,很多小伙伴都会想到用循环,可是这样编写的代码语句过于臃肿 »

vue在html标签{{}}中调用函数的方法总结及对比

目录 一、问题 1)实现上述需求:有两种方式 2)两种实现方式对比: 二、解决方法(在html渲染时调用函数) 1.定义处理函数 2.引入处理函数,在data中定义函数,在html中使用 3.效果 4.优化  三、总结 一、问题 1.在html中对数据中的某一个标签是根据标签的类 »

Node升级后vue项目node-sass报错问题及解决

目录 Node升级后vue项目node-sass报错 node升级命令 解决方案 若依vue前端node升级记录 总结 Node升级后vue项目node-sass报错 node升级命令 npm install -g n sudo n 16.14.0 升级后以前的vue »

vue中process.env的具体使用

目录 一、介绍 二、使用 1、在nodejs中使用 2、在vue中使用 模式 一、介绍 1、process process是 nodejs 下的一个全局变量,它存储着 nodejs 中进程有关的信息。 2、process.env env 是 environment 的简称,pro »

vue中process.env的具体使用

目录 一、介绍 二、使用 1、在nodejs中使用 2、在vue中使用 模式 一、介绍 1、process process是 nodejs 下的一个全局变量,它存储着 nodejs 中进程有关的信息。 2、process.env env 是 environment 的简称,pro »

vue项目中created()被调用多次的踩坑实战

目录 一、问题描述 二、排查过程 三、备注 总结 一、问题描述 最近碰到一个奇怪的生产问题: 正常情况下、前端页面会请求一次后台、然后后台返回信息("处理成功"或"处理失败")、前端展示;后台用aop+redis写了一个防止重复调用的方法,如果5s内同一个用户重复调用同一个接口,就返回" »

vue项目中created()被调用多次的踩坑实战

目录 一、问题描述 二、排查过程 三、备注 总结 一、问题描述 最近碰到一个奇怪的生产问题: 正常情况下、前端页面会请求一次后台、然后后台返回信息("处理成功"或"处理失败")、前端展示;后台用aop+redis写了一个防止重复调用的方法,如果5s内同一个用户重复调用同一个接口,就返回" »

vue使用sass根据环境进行样式判断区分方式

目录 使用sass根据环境进行样式判断区分 vue sass和scss的区别 总结 使用sass根据环境进行样式判断区分 我们在开发时可能会有需求根据当前vue的环境变量进行样式区分,说白了就是如何在sass中进行if else,下面将是我的处理方法。 首先在webpack -> »

vue使用sass根据环境进行样式判断区分方式

目录 使用sass根据环境进行样式判断区分 vue sass和scss的区别 总结 使用sass根据环境进行样式判断区分 我们在开发时可能会有需求根据当前vue的环境变量进行样式区分,说白了就是如何在sass中进行if else,下面将是我的处理方法。 首先在webpack -> »

Vue八大生命周期钩子函数源码分析

本篇内容主要讲解“Vue八大生命周期钩子函数源码分析”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue八大生命周期钩子函数源码分析”吧! 一.速识概念: 我们把一个对象从生成(new)到被销毁(destory)的过程,称为生命周期。而生命周期函数,就是 »

vue + gojs 实现拖拽流程图效果

目录 一、流程图效果 二、为什么选go.js流程图插件去开发项目? 三、项目开发 四、当前画布的监听事件名称包括 五、迭代篇 (一)、项目的迭代。 (二)、整体用的js方法 (三)、功能分析 一、流程图效果 最近一段时间在研究go.js,它是一款前端开发画流程图的一个插件,也是一个难点 »

vue项目如何实现前端预览word与pdf格式文件

最近做vue项目遇到一个需求,就是前端实现上传word或pdf文件后,后端返回文件对应的文件流,前端需要在页面上展示出来。word预览简单一些,pdf预览我试过pdfjs,vue-pdf总是报各种奇奇怪怪的bug,但最终总算解决了问题,先看一下页面最终呈现效果吧: 页面上传pdf文件效果如下: »

vue项目如何实现前端预览word与pdf格式文件

最近做vue项目遇到一个需求,就是前端实现上传word或pdf文件后,后端返回文件对应的文件流,前端需要在页面上展示出来。word预览简单一些,pdf预览我试过pdfjs,vue-pdf总是报各种奇奇怪怪的bug,但最终总算解决了问题,先看一下页面最终呈现效果吧: 页面上传pdf文件效果如下: »

一文详解vue各种权限控制与管理实现思路

目录 一、 菜单权限 二、 路由权限 三、 按钮权限 四 、 数据权限 一、 菜单权限 菜单权限:控制用户在系统中能够看到哪些菜单项 菜单权限指的就是后台系统中的左侧的菜单栏,前端可以根据后端接口返回的权限数据结合element-ui菜单组件循环拼接而成即可,有什么权限就展示什么菜单 »

一文详解vue各种权限控制与管理实现思路

目录 一、 菜单权限 二、 路由权限 三、 按钮权限 四 、 数据权限 一、 菜单权限 菜单权限:控制用户在系统中能够看到哪些菜单项 菜单权限指的就是后台系统中的左侧的菜单栏,前端可以根据后端接口返回的权限数据结合element-ui菜单组件循环拼接而成即可,有什么权限就展示什么菜单 »