vue
文章平均质量分 77
程序员柳随风
这个作者很懒,什么都没留下…
展开
-
vue2 项目接入 vite2 参考指南
本文整理 vue2 项目接入 vite2 需要注意的事项。原创 2022-01-23 18:09:47 · 17195 阅读 · 1 评论 -
vue 开发中必备的 cli 配置
本文整理了一些 vue 开发中常用 vue-cli 配置,使用的 vue-cli 版本为 3.11.0,主要内容包括:移除preload 与prefetch 使用webpack-bundle-analyzer 做打包分析 使用terser-webpack-plugin 清除 console.log 使用compression-webpack-plugin 开启gzip 压缩 配置使用CDN 方式引入资源库 自定义打包的css/js/图片 文件名和路径 压缩图片文末给出了完整...原创 2020-12-10 17:59:24 · 8119 阅读 · 0 评论 -
Linux 服务器部署 vue(SPA) 与 nuxt(SSR)项目
1.安装 node下载 node 包,选择 Linux Binaries (x64) 版本:https://nodejs.org/en/download/解压tar -xvf node-v14.15.0-linux-x64.tar.xz配置环境变量vim /etc/profile往 .bash_profile 新增环境变量(在末尾)export NODEJS_HOME=/usr/local/node/node-v14.15.0-linux-x64export PATH=原创 2020-12-08 15:47:15 · 2446 阅读 · 2 评论 -
Vue SPA 解决浏览器缓存问题
如何让发布到线上的 vue 单页应用能及时更新到浏览器,而无需用户强制刷新页面呢?因为 js、css、图片等资源文件名带有 hash 值,只要文件名变了就会更新,所以可以设置缓存,但 html 文件名没有加 hash 值,所以不能缓存该文件。原创 2020-12-01 11:37:58 · 1920 阅读 · 0 评论 -
vue2/vue3 知识点复盘
整理了常用的 vue2/vue3 实战技巧及要点...原创 2020-10-19 14:56:54 · 1270 阅读 · 3 评论 -
Vue:禁用浏览器的前进后退
一.禁用前进后退功能在开发vue应用中,如何禁用浏览器的前进后退功能呢?网上搜到的答案基本如下:history.pushState(null, null, document.URL)window.addEventListener('popstate', function() { history.pushState(null, null, document.URL)})但应该放在哪儿?经过尝试,我是如此写的:main.js中,增加popstate监听window.add原创 2020-08-15 14:11:42 · 7167 阅读 · 4 评论 -
解决 axios: “timeout of 5000ms exceeded” 超时的问题
最近遇到一个问题,在我开机后,启动后台服务器登录程序时会报请求超时的问题。网上找了下解决方法,最后成功解决。在看以下代码时,大家可以参考我的另一篇博文:vue开发中 axios 的封装具体代码如下:import axios from 'axios'import { BASE_URL } from './http'import router from '../router'/...原创 2019-12-13 10:03:29 · 45051 阅读 · 2 评论 -
vue开发中 axios 的封装
下面代码参考了vue-element-admin中的封装方式,request.js 文件如下import axios from 'axios'import { BASE_URL } from './http'import router from '../router'// create an axios instanceconst service = axios.create(...原创 2019-11-16 10:28:48 · 1592 阅读 · 0 评论 -
vue深度监听(监听对象和数组的改变)与立即执行监听。
1.vue中监听对象数据属性值的改变,可以使用深度监听 data () { return { form: { status: '', cpufrequency: '', systemstacksize: '', scalabilityclass: '' } } }, watch...原创 2019-11-22 09:38:48 · 7256 阅读 · 0 评论 -
element 使用过程中遇到的问题及解决方法
记录一些使用element框架的疑问与坑使用版本:2.12.01.element 表格某项格式化formatter这里有个问题:当鼠标移动到表格上时,会再次触发formatter,而这个是没有必要的,我们只需格式化一次,但不知道它这么做的原因是啥。span-method配置也是这种问题2.element-ui表格合并span-method表格合并这块需要自己写合并规则,有一点...原创 2019-10-31 14:47:15 · 5164 阅读 · 5 评论 -
vue生命周期的基础与应用
本文从vue生命周期的基础与应用两块进行介绍一.基础打开vue文档,我们可以看到vue的生命周期图然后我们通过一个简单的demo来理解一下,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue实例生...原创 2018-08-27 17:04:07 · 551 阅读 · 1 评论 -
vue将data恢复到初始状态 && 重新渲染组件
Object.assign(this.$data, this.$options.data()) // 初始化data这里的 this.$options.data() 作为源对象, this.$data 作为目标对象。源对象覆盖并合并目标对象中的内容,即有则覆盖,无则添加。...原创 2019-03-31 00:05:24 · 3736 阅读 · 0 评论 -
vue 组件突破 scoped 限制,实现样式穿透
<style lang="stylus" type="text/stylus" scoped> /* >>>代表穿透,不受scoped的限制 */ .wrapper >>> .swiper-pagination-bullet-active background #fff /* 轮播圆点被选中时的颜色 */ .wrapper &g...原创 2020-05-28 15:09:27 · 2033 阅读 · 0 评论 -
vue 相关的 UI 库和插件
本文整理一些自己使用过的UI库和插件一.vue相关的UI库1.element ui自己比较常用的ui库,后台系统还有vue-element-admin,后台效果请看https://panjiachen.gitee.io/vue-element-admin/#/dashboardhttps://panjiachen.github.io/vue-admin-template/#/...原创 2019-11-26 16:24:29 · 863 阅读 · 1 评论 -
vue中数据与页面间双向绑定需要注意的点
在 vue 开发中,我们可能遇到过以下问题js 更新数据后页面未跟随改变 输入框赋值后无法进行编辑以上现象的原因是数据对象没有 setter 和 getter 方法,无法实现双向绑定,下面是解决方法1.更新数组类型的数据比如,有如下数据var vm = new Vue({ el: '#app', data: { list: [ ...原创 2019-08-04 11:05:56 · 1022 阅读 · 0 评论 -
Vuex用法及封装
Vuex的介绍和使用建议看官方文档,本文更多的是我对Vuex的一个总结。Vuex介绍及使用 Vuex使用中可能遇到的问题一.Vuex介绍及使用1.Vuex是什么官方的介绍是“Vuex 是状态管理模式”我们在做组件间数据传递的时候,其方式有多种,比如:组件间通过属性和事件触发的形式进行数据的交互 使用缓存localStorage,sessionStorage等 route...原创 2019-08-24 16:32:28 · 2265 阅读 · 0 评论 -
vue过渡与动画
本节内容包括常规的 transition 组件动画 使用 keyframes 动画 使用 Animate.css 让动画首次执行 过渡与动画同时存在 使用第三方 JavaScript 动画库 Velocity.js更多内容见官网过度与动画部分教程一.常规的 transition 组件动画vue 提供了transition的封装组件,让我们实现动画效果。这里,我们要实...原创 2019-08-31 15:30:43 · 508 阅读 · 0 评论 -
Error: Cannot find module '@babel/core’
最近在安装完:@babel / plugin-proposal-optional-chaining,和@ babel / plugin-proposal-nullish-coalescing-operator时,发现报错Error: Cannot find module '@babel/core’主要原因是:babel-loader和babel-core版本不对应babel-loa...转载 2019-12-11 10:51:06 · 3924 阅读 · 0 评论 -
vue开发:[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider ma...
在基于 Element-ui 写项目的时候,Chrome 提醒:[Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive....转载 2019-11-19 17:08:53 · 11612 阅读 · 6 评论 -
vue错误:Duplicate keys detected: '/main'. This may cause an update error.
错误原因:v-for循环的key值重复了。比如,我当前项目用path作为key这两个key值是一样的,所以报此错误原创 2019-09-06 15:58:09 · 3779 阅读 · 0 评论 -
vue错误:Cannot set property 'render' of undefined at normalizeComponent...
在做vue项目的时候报了这么个错误,找了半天不知道是什么错,后来发现是在vue文件写了script标签对,却没写export default {} 这句语句...ok,问题解决了。...原创 2018-10-26 08:39:18 · 4784 阅读 · 0 评论