随笔分类 -  vue

vue2升级vue3指南（二）—— 语法warning&error篇
摘要：本文总结了vue2升级vue3可能会遇到的语法警告和错误，如果想知道怎样升级，可以查看我的上一篇文章：vue2升级vue3指南（一）—— 环境准备和构建篇 Warning 1、deep /deep/和::v-deep的写法都被vue3弃用，需要改为:deep()。 升级前： /deep/.xxxxx 阅读全文
posted @ 2022-07-25 14:35 silencetea 阅读(2013) 评论(0) 推荐(1)
vue2升级vue3指南（一）—— 环境准备和构建篇
摘要：1、nodejs和npm 注意二者的版本，版本过低需要升级，本人升级后的版本如下： $ node -v v16.15.1 $ npm -v 8.11.0 2、package.json 和依赖升级 由于我的项目采用的原架构是vue2+vant2+sass+axios+webpack，且项目是通过vue 阅读全文
posted @ 2022-07-11 11:29 silencetea 阅读(7137) 评论(0) 推荐(2)
关于日常开发中遇到的问题的不定期更新
摘要：W3C & vue+element 1、给输入框绑定回车事件，第一次回车总是刷新当前页，没有跳转至目标页，第二次之后跳转正常 问题原因： W3C规定，当一个form表单里只有一个输入框时，在该输入框中按下回车应提交表单。 表现在vue+element中就是，我第一次回车的时候，url被替换并刷新了， 阅读全文
posted @ 2020-08-07 10:20 silencetea 阅读(1103) 评论(0) 推荐(0)
vue-ssr 新建一个项目（hello Word版）
摘要：本地新建项目文件夹，随便命个名，比如hello vue ssr。 然后运行 初始化，生成package.json 使用npm下载相关依赖资源包 新建一些文件夹和文件，最后的文件结构如下（忽略掉entry client.js）： src下的各个文件的hello代码如下： app.js javascri 阅读全文
posted @ 2020-03-07 22:38 silencetea 阅读(222) 评论(0) 推荐(0)
vue页面性能优化方案
摘要：个人在项目中用到的页面性能优化的方式总结。 一、均衡页面加载文件的大小和数量 1、项目中小图片图片转base64，通过工具如webpack进行图片压缩，文件进行压缩混淆等 2、vue router 懒加载，异步路由 3、第三方依赖按需加载，比如使用element ui框架，但是里面的组件只用到了其中 阅读全文
posted @ 2019-05-24 11:18 silencetea 阅读(11970) 评论(0) 推荐(0)
Vue-cli创建项目从单页面到多页面4 - 本地开发服务器设置代理
摘要：前后端分离开发时，有时候会遇到跨域的情况：只在开发的时候存在跨域，项目上线后，由于配置的域名相同，跨域就会不存在。 这个时候，有两种方案可以比较快的解决： 1、利用h5的特性，使用cors，在ngnix服务器上设置header：Access Control Allow Origin的值为 (或者目标 阅读全文
posted @ 2017-11-27 20:18 silencetea 阅读(2103) 评论(0) 推荐(0)
Vue-cli创建项目从单页面到多页面3-关于将打包后的项目文件不放在根目录下
摘要：关于将打包后的项目文件不放在根目录下 有时候，我们总是需要这样的设置：希望将打包后的文件放在a.b.com/somepath/这样一个路径下。 然而在vue cli创建的项目中，默认的打包路径中的静态资源的访问路径是：a.b.com/a.js，我们希望在html中的引用是a.b.com/somepa 阅读全文
posted @ 2017-11-27 20:17 silencetea 阅读(6162) 评论(1) 推荐(0)
Vue-cli创建项目从单页面到多页面2-history模式
摘要：之前讲过怎样将vue cli创建的项目改造成多页面（vue cli创建项目从单页面到多页面），今天说一下怎样在多页面的前提下使用history模式。 如何使用history模式 因为vue默认的hash模式的url有些丑，所以我们可以在路由的配置中添加如下配置： 但是如果只是这样使用的话，在本地开发 阅读全文
posted @ 2017-11-27 20:16 silencetea 阅读(7533) 评论(0) 推荐(0)
Vue-cli创建项目从单页面到多页面
摘要：vue cli创建项目从单页面到多页面 对于某些项目来说，单页面不能很好的满足需求，所以需要将vue cli创建的单页面项目改为多页面项目。 需要修改以下几个文件： 1、下载依赖glob 2、修改build下的文件 （1）修改webpack.base.conf.js 添加以下代码： 将module. 阅读全文
posted @ 2017-09-19 20:25 silencetea 阅读(7837) 评论(2) 推荐(0)