![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
皆非的万事屋
这个作者很懒,什么都没留下…
展开
-
vue-cli3项目配置和自定义webpack打包,使用CDN加载减小打包体积
在使用vue-cli3创建项目后,自动帮你做了很多的配置,包括原本的vue.config.js配置文件也没有帮你生成,而我的一些关于项目的配置和自定义webpack打包都需要写在这个配置文件中。以下说开发模式/环境 (development) 就是指 npm run serve 生产模式/环境 (production) 就是指 npm run build &原创 2020-08-12 22:13:08 · 2076 阅读 · 0 评论 -
vue-cli中通过 image-conversion + element-ui 实现图片上传压缩
是得到原创 2020-08-09 11:19:51 · 1718 阅读 · 1 评论 -
vue-cli中package.json和package-lock.json的作用和npm install后的参数
一般来说,vue项目的根路径都会有package.json和package-lock.json这两个文件原创 2020-08-09 09:41:30 · 1376 阅读 · 0 评论 -
vue-cli3中使用echarts的步骤【精简】
在官方教程中所提供的案例基本都是直接在html页面中展示的。那么在vue-cli中引入echarts的方法如下,首先通过npm安装:npm install echarts --save 之后在vue页面中的script中导入import * as echarts from 'echarts' &nb原创 2020-08-07 22:44:17 · 2385 阅读 · 3 评论 -
vue中router的懒加载
在使用vue-cli3中的手动创建项目,选择router,那么在项目初始化创建的时候就会将router自动安装到项目中,其中在router目录下的index.js里就配置好了router的相关内容。import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import Button from "原创 2020-06-06 08:48:35 · 204 阅读 · 0 评论 -
使用transition实现弹幕滚动效果
想要实现比较理想的弹幕滚动效果还是有一定难度的。这里以vue为基础,讲一种实现弹幕滚动的方法,不考虑重叠,弹幕过长或其他问题。 一个弹幕即为一个组件,所以要实现设计此子组件,即弹幕组件,这里属性要包含该弹幕的位置(随机、定端、底端),大小,颜色,内容等等,由父组件循环渲染并赋值。 &原创 2020-06-04 08:58:47 · 3512 阅读 · 0 评论 -
vue中调整某一div的滚动条始终触底
举一个比较长见的例子,在聊天框中,每一条消息都是一个组件,通过在父组件中根据数据v-for循环出来该组件,接收到消息之后也能快速渲染出来,这是很方便的方法。 但是要注意的一点是,每次该div里添加一条新的消息之后右边的滚动条应该是立马触底的,也就是显示最新的一条消息,因为消息一般都是添加在一个集合的末尾,当然也就是最后渲染,位置在div的最下原创 2020-06-04 08:53:20 · 1096 阅读 · 0 评论 -
vue-cli3引入uuid
首先安装就不多说了。npm install --save uuid uuid不需要在main.js中做配置,在需要使用的vue页面引入即可。 但是我原先使用uuid的时候(使用的VScode),直接在import uuid from "uuid" &nb原创 2020-06-04 08:48:46 · 3608 阅读 · 3 评论 -
关于vue和springboot的打包与部署
目前前端如果使用vue的话,大多就是基于vue-cli的,这里我以vue-cli3为主,其实和2差不多,4我还没用过。 vue-cli3打包直接在package.json目录下输入npm run build,生成的dist文件夹就是输出目录,里面有index.html和css、js。然后你可以直接拿到服务器上使用nignx代理,当然需要再做一些配置。 &原创 2020-06-04 08:45:20 · 1031 阅读 · 1 评论 -
vue CLI 3.9.0版本打包时index主页空白及图片丢失的情况(精简有效)
vue CLI 3.9.0版本打包时index主页空白的情况 看很多文章写的都是vue CLI2.x的操作方法,虽然部分也说3.x的了,但是里面的配置信息繁多,不知道要添加哪些,修改哪些。 首选说vue CLI 3.x版本已经没有c...原创 2019-08-03 09:09:08 · 545 阅读 · 0 评论 -
vue初步学习指导大纲——v1.1
原创 2019-07-30 15:11:55 · 217 阅读 · 0 评论